@onereach/ui-components 8.22.3-beta.4123.0 → 8.22.3-beta.4124.0

package/dist/bundled/v2/components/OrSliderV3/OrSlider.js

@@ -1,9 +1,9 @@
-import { e as useElementBounding, u as useElementHover, f as useDraggable } from '../../index-5667a0bf.js';
+import { d as useElementBounding, u as useElementHover, e as useDraggable } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { SliderColor, SliderOrientation } from './props.js';
 import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelOrientations, SliderLabelMark } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
-import { c as clamp } from '../../index-279e78b9.js';
+import { c as clamp } from '../../index-1612099e.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -47,6 +47,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: () => false
+    },
+    tooltip: {
+      type: Object,
+      default: () => undefined
     }
   },
   emits: ['update:modelValue'],
@@ -228,7 +232,7 @@ var __vue_render__ = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }), _vm._v(" "), _c('OrTooltip', {
+  }), _vm._v(" "), _c('OrTooltip', _vm._b({
     class: ['relative', 'z-10'],
     attrs: {
       "is-open": _vm.isHovering || _vm.isDragging,
@@ -236,8 +240,17 @@ var __vue_render__ = function () {
       "placement": _vm.tooltipPlacement,
       "offset": 24,
       "external-control": true
-    }
-  }, [_c('div', {
+    },
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent", null, {
+          "value": _vm.proxyModelValue
+        })];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', _vm.tooltip, false), [_c('div', {
     ref: "thumb",
     class: _vm.thumbStyles,
     attrs: {

package/dist/bundled/v2/components/OrSliderV3/OrSlider.vue.d.ts

@@ -56,6 +56,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
@@ -89,6 +95,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: number;
     minValue: number;
@@ -98,6 +110,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -132,6 +147,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -143,5 +161,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrStatusV3/OrStatus.js

@@ -1,4 +1,4 @@
-import { i as formatTimeAgo } from '../../index-5667a0bf.js';
+import { h as formatTimeAgo } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { StatusVariant, StatusSize } from './props.js';
 import { Status, StatusVariants, StatusSizes, StatusIndicator, StatusIndicatorVariants, StatusTimestamp } from './styles.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { g as useResizeObserver } from '../../index-5667a0bf.js';
+import { f as useResizeObserver } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsContainer, Tabs, TabsVariants, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.vue.d.ts

@@ -22,14 +22,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         normal: {
             value: string | number;
             label: string;
-            pinned?: boolean | undefined;
             invalid?: boolean | undefined;
             disabled?: boolean | undefined;
         }[];
         hidden: {
             value: string | number;
             label: string;
-            pinned?: boolean | undefined;
             invalid?: boolean | undefined;
             disabled?: boolean | undefined;
         }[];
@@ -100,14 +98,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         normal: {
             value: string | number;
             label: string;
-            pinned?: boolean | undefined;
             invalid?: boolean | undefined;
             disabled?: boolean | undefined;
         }[];
         hidden: {
             value: string | number;
             label: string;
-            pinned?: boolean | undefined;
             invalid?: boolean | undefined;
             disabled?: boolean | undefined;
         }[];

package/dist/bundled/v2/components/OrTabsV3/types.d.ts

@@ -1,7 +1,6 @@
 export interface TabsItem {
     value: string | number;
     label: string;
-    pinned?: boolean;
     invalid?: boolean;
     disabled?: boolean;
 }

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-5667a0bf.js';
+import { o as onClickOutside } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-70749ee1.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c28c71e0.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-07c74804.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5d440fdc.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-07c74804.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-70749ee1.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5d440fdc.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c28c71e0.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';

package/dist/bundled/v2/components/OrToast/Timer.js

@@ -1,4 +1,4 @@
-import { n as noop } from '../../index-279e78b9.js';
+import { n as noop } from '../../index-1612099e.js';
 
 class Timer {
   // eslint-disable-next-line @typescript-eslint/no-empty-function

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,5 +1,5 @@
-import { n as useEventBus } from '../../../index-5667a0bf.js';
-import { d as createSharedComposable } from '../../../index-279e78b9.js';
+import { m as useEventBus } from '../../../index-cc89d6b7.js';
+import { d as createSharedComposable } from '../../../index-1612099e.js';
 
 const useToastEventBus = () => {
   const busPull = {

package/dist/bundled/v2/components/OrToastContainer/OrToastContainer.js

@@ -4,7 +4,7 @@ import { defineComponent, nextTick } from 'vue-demi';
 import useQueue from '../OrToast/composable/useQueue.js';
 import useToastEventBus from '../OrToast/composable/useToastEventBus.js';
 import { PositionsX, PositionsY, TransitionType } from '../OrToast/constants.js';
-import { u as useToggle } from '../../index-279e78b9.js';
+import { u as useToggle } from '../../index-1612099e.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js

@@ -5,7 +5,7 @@ import __vue_component__$2 from '../OrToastV3/OrToast.js';
 import { P as PositionsX, a as PositionsY, T as TransitionType } from '../../props-7be029c7.js';
 import { ToastContainer, ToastContainerPositions } from '../OrToastV3/styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';
-import { u as useToggle } from '../../index-279e78b9.js';
+import { u as useToggle } from '../../index-1612099e.js';
 import { useElevation } from '../../hooks/useElevation.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrToastV3/Timer.js

@@ -1,4 +1,4 @@
-import { n as noop } from '../../index-279e78b9.js';
+import { n as noop } from '../../index-1612099e.js';
 
 class Timer {
   // eslint-disable-next-line @typescript-eslint/no-empty-function

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,5 +1,5 @@
-import { n as useEventBus } from '../../../index-5667a0bf.js';
-import { d as createSharedComposable } from '../../../index-279e78b9.js';
+import { m as useEventBus } from '../../../index-cc89d6b7.js';
+import { d as createSharedComposable } from '../../../index-1612099e.js';
 
 const useToastEventBus = () => {
   const busPull = {

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-63da7b5a.js';
+export { _ as default } from '../../OrTree-fa09b677.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrTreeV3/index.js

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-63da7b5a.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-fa09b677.js';

package/dist/bundled/v2/components/index.d.ts

@@ -29,7 +29,6 @@ export * from './or-date-time-format-v3';
 export * from './or-date-time-picker';
 export * from './or-date-time-picker-v3';
 export * from './or-drop-area-v3';
-export * from './or-editor-tabs-v3';
 export * from './or-empty-state-v3';
 export * from './or-error';
 export * from './or-error-tag-v3';

package/dist/bundled/v2/components/index.js

@@ -52,9 +52,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-fbc08309.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-07c74804.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-70749ee1.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-86054a00.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-5d440fdc.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-c28c71e0.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';
@@ -65,8 +65,6 @@ export { getTimePlaceholder } from './OrDateTimePickerV3/utils/getTimePlaceholde
 export { default as OrDropAreaV3 } from './OrDropAreaV3/OrDropArea.js';
 export { DropAreaSize } from './OrDropAreaV3/props.js';
 export { approximateFileSize } from './OrDropAreaV3/utils/approximateFileSize.js';
-export { default as OrEditorTabsV3 } from './OrEditorTabsV3/OrEditorTabs.js';
-export { EditorTabsOverflow } from './OrEditorTabsV3/props.js';
 export { default as OrEmptyStateV3 } from './OrEmptyStateV3/OrEmptyState.js';
 export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { default as OrError } from './OrError/OrError.js';
@@ -106,7 +104,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-f1e75126.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-3eda4079.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -205,4 +203,4 @@ export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-63da7b5a.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-fa09b677.js';

package/dist/bundled/v2/hooks/useOverflow.js

@@ -1,4 +1,4 @@
-import { l as useMutationObserver, g as useResizeObserver } from '../index-5667a0bf.js';
+import { k as useMutationObserver, f as useResizeObserver } from '../index-cc89d6b7.js';
 import { isRef, ref, watch } from 'vue-demi';
 import { r as requestAF } from '../dom-cec392f3.js';
 

package/dist/bundled/v2/hooks/usePopoverState.js

@@ -1,5 +1,5 @@
 import { ref, watch } from 'vue-demi';
-import { r as refDebounced } from '../index-279e78b9.js';
+import { r as refDebounced } from '../index-1612099e.js';
 
 // TODO: Use `defineEmits` after migration to Vue 3
 function usePopoverState(isOpen, emit) {

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -1,4 +1,4 @@
-import { m as useMediaQuery } from '../../index-5667a0bf.js';
+import { l as useMediaQuery } from '../../index-cc89d6b7.js';
 import { getCurrentInstance, ref, watch, onMounted, isVue3, computed } from 'vue-demi';
 
 var createPlugin$2 = {};

package/dist/bundled/v2/hooks/useTheme.js

@@ -3723,8 +3723,6 @@ var plugins = [
 	{
 	},
 	{
-	},
-	{
 	}
 ];
 var darkMode = [

package/dist/bundled/v2/{index-fb642013.js → index-017c190e.js}

@@ -1,5 +1,5 @@
 import { computed } from 'vue-demi';
-import { g as resolveUnref } from './index-279e78b9.js';
+import { g as resolveUnref } from './index-1612099e.js';
 
 function logicAnd(...args) {
   return computed(() => args.every((i) => resolveUnref(i)));

package/dist/bundled/v2/{index-279e78b9.js → index-1612099e.js}

@@ -66,52 +66,6 @@ function debounceFilter(ms, options = {}) {
   };
   return filter;
 }
-function throttleFilter(ms, trailing = true, leading = true, rejectOnCancel = false) {
-  let lastExec = 0;
-  let timer;
-  let isLeading = true;
-  let lastRejector = noop;
-  let lastValue;
-  const clear = () => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = void 0;
-      lastRejector();
-      lastRejector = noop;
-    }
-  };
-  const filter = (_invoke) => {
-    const duration = resolveUnref(ms);
-    const elapsed = Date.now() - lastExec;
-    const invoke = () => {
-      return lastValue = _invoke();
-    };
-    clear();
-    if (duration <= 0) {
-      lastExec = Date.now();
-      return invoke();
-    }
-    if (elapsed > duration && (leading || !isLeading)) {
-      lastExec = Date.now();
-      invoke();
-    } else if (trailing) {
-      lastValue = new Promise((resolve, reject) => {
-        lastRejector = rejectOnCancel ? reject : resolve;
-        timer = setTimeout(() => {
-          lastExec = Date.now();
-          isLeading = true;
-          resolve(invoke());
-          clear();
-        }, Math.max(0, duration - elapsed));
-      });
-    }
-    if (!leading && !timer)
-      timer = setTimeout(() => isLeading = true, duration);
-    isLeading = false;
-    return lastValue;
-  };
-  return filter;
-}
 function identity(arg) {
   return arg;
 }
@@ -194,10 +148,6 @@ function refDebounced(value, ms = 200, options = {}) {
   return debounced;
 }
 
-function useThrottleFn(fn, ms = 200, trailing = false, leading = true, rejectOnCancel = false) {
-  return createFilterWrapper(throttleFilter(ms, trailing, leading, rejectOnCancel), fn);
-}
-
 function resolveRef(r) {
   return typeof r === "function" ? computed(r) : ref(r);
 }
@@ -353,4 +303,4 @@ function whenever(source, cb, options) {
   }, options);
 }
 
-export { useDebounceFn as a, watchDebounced as b, clamp as c, createSharedComposable as d, isIOS as e, computedWithControl as f, resolveUnref as g, tryOnScopeDispose as h, isClient as i, tryOnMounted as j, resolveRef as k, isString as l, useThrottleFn as m, noop as n, identity as o, isFunction as p, isDef as q, refDebounced as r, toRefs as t, useToggle as u, whenever as w };
+export { useDebounceFn as a, watchDebounced as b, clamp as c, createSharedComposable as d, isIOS as e, computedWithControl as f, resolveUnref as g, tryOnScopeDispose as h, isClient as i, tryOnMounted as j, resolveRef as k, isString as l, identity as m, noop as n, isFunction as o, isDef as p, refDebounced as r, toRefs as t, useToggle as u, whenever as w };

package/dist/bundled/v2/{index-5667a0bf.js → index-cc89d6b7.js}

@@ -1,4 +1,4 @@
-import { i as isClient, e as isIOS, n as noop, f as computedWithControl, g as resolveUnref, t as toRefs, h as tryOnScopeDispose, j as tryOnMounted, a as useDebounceFn, k as resolveRef, l as isString, m as useThrottleFn, o as identity, p as isFunction, q as isDef } from './index-279e78b9.js';
+import { i as isClient, e as isIOS, n as noop, f as computedWithControl, g as resolveUnref, t as toRefs, h as tryOnScopeDispose, j as tryOnMounted, k as resolveRef, l as isString, m as identity, o as isFunction, p as isDef } from './index-1612099e.js';
 import { ref, computed, watch, reactive, unref, getCurrentInstance, isVue2, watchEffect, readonly, getCurrentScope } from 'vue-demi';
 
 function unrefElement(elRef) {
@@ -478,109 +478,6 @@ function useFocus(target, options = {}) {
   return { focused };
 }
 
-const ARRIVED_STATE_THRESHOLD_PIXELS = 1;
-function useScroll(element, options = {}) {
-  const {
-    throttle = 0,
-    idle = 200,
-    onStop = noop,
-    onScroll = noop,
-    offset = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    },
-    eventListenerOptions = {
-      capture: false,
-      passive: true
-    },
-    behavior = "auto"
-  } = options;
-  const internalX = ref(0);
-  const internalY = ref(0);
-  const x = computed({
-    get() {
-      return internalX.value;
-    },
-    set(x2) {
-      scrollTo(x2, void 0);
-    }
-  });
-  const y = computed({
-    get() {
-      return internalY.value;
-    },
-    set(y2) {
-      scrollTo(void 0, y2);
-    }
-  });
-  function scrollTo(_x, _y) {
-    var _a, _b, _c;
-    const _element = resolveUnref(element);
-    if (!_element)
-      return;
-    (_c = _element instanceof Document ? document.body : _element) == null ? void 0 : _c.scrollTo({
-      top: (_a = resolveUnref(_y)) != null ? _a : y.value,
-      left: (_b = resolveUnref(_x)) != null ? _b : x.value,
-      behavior: resolveUnref(behavior)
-    });
-  }
-  const isScrolling = ref(false);
-  const arrivedState = reactive({
-    left: true,
-    right: false,
-    top: true,
-    bottom: false
-  });
-  const directions = reactive({
-    left: false,
-    right: false,
-    top: false,
-    bottom: false
-  });
-  const onScrollEnd = (e) => {
-    if (!isScrolling.value)
-      return;
-    isScrolling.value = false;
-    directions.left = false;
-    directions.right = false;
-    directions.top = false;
-    directions.bottom = false;
-    onStop(e);
-  };
-  const onScrollEndDebounced = useDebounceFn(onScrollEnd, throttle + idle);
-  const onScrollHandler = (e) => {
-    const eventTarget = e.target === document ? e.target.documentElement : e.target;
-    const scrollLeft = eventTarget.scrollLeft;
-    directions.left = scrollLeft < internalX.value;
-    directions.right = scrollLeft > internalY.value;
-    arrivedState.left = scrollLeft <= 0 + (offset.left || 0);
-    arrivedState.right = scrollLeft + eventTarget.clientWidth >= eventTarget.scrollWidth - (offset.right || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
-    internalX.value = scrollLeft;
-    let scrollTop = eventTarget.scrollTop;
-    if (e.target === document && !scrollTop)
-      scrollTop = document.body.scrollTop;
-    directions.top = scrollTop < internalY.value;
-    directions.bottom = scrollTop > internalY.value;
-    arrivedState.top = scrollTop <= 0 + (offset.top || 0);
-    arrivedState.bottom = scrollTop + eventTarget.clientHeight >= eventTarget.scrollHeight - (offset.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
-    internalY.value = scrollTop;
-    isScrolling.value = true;
-    onScrollEndDebounced(e);
-    onScroll(e);
-  };
-  useEventListener(element, "scroll", throttle ? useThrottleFn(onScrollHandler, throttle, true, false) : onScrollHandler, eventListenerOptions);
-  useEventListener(element, "scrollend", onScrollEnd, eventListenerOptions);
-  return {
-    x,
-    y,
-    isScrolling,
-    arrivedState,
-    directions
-  };
-}
-
 const DefaultMagicKeysAliasMap = {
   ctrl: "control",
   command: "meta",
@@ -1051,4 +948,4 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, useScroll as c, useVModel as d, useElementBounding as e, useDraggable as f, useResizeObserver as g, useFocus as h, formatTimeAgo as i, useElementSize as j, useScrollLock as k, useMutationObserver as l, useMediaQuery as m, useEventBus as n, onClickOutside as o, unrefElement as p, usePointerSwipe as q, useElementHover as u };
+export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, useVModel as c, useElementBounding as d, useDraggable as e, useResizeObserver as f, useFocus as g, formatTimeAgo as h, useElementSize as i, useScrollLock as j, useMutationObserver as k, useMediaQuery as l, useEventBus as m, unrefElement as n, onClickOutside as o, usePointerSwipe as p, useElementHover as u };