@onereach/ui-components 8.6.0 → 8.6.1-beta.3679.0

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

@@ -1 +1 @@
-export { _ as default } from '../OrAvatar-7d519020.js';
+export { _ as default } from '../OrAvatar-394ee178.js';

package/dist/bundled/v2/components/OrAvatar/constants.js

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE } from '../OrAvatar-7d519020.js';
+export { O as OR_AVATAR_SIZE } from '../OrAvatar-394ee178.js';

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

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-7d519020.js';
+export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-394ee178.js';

package/dist/bundled/v2/components/OrAvatarV3/OrAvatar.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrAvatarV3-fff9d395.js';
-import '../OrAvatar-7d519020.js';
+export { _ as default } from '../OrAvatarV3-8f22b936.js';
+import '../OrAvatar-394ee178.js';

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

@@ -1 +1 @@
-export { L as AvatarColor, K as AvatarSize, _ as OrAvatarV3 } from '../OrAvatarV3-fff9d395.js';
+export { L as AvatarColor, K as AvatarSize, _ as OrAvatarV3 } from '../OrAvatarV3-8f22b936.js';

package/dist/bundled/v2/components/OrAvatarV3/props.js

@@ -1 +1 @@
-export { L as AvatarColor, K as AvatarSize } from '../OrAvatarV3-fff9d395.js';
+export { L as AvatarColor, K as AvatarSize } from '../OrAvatarV3-8f22b936.js';

package/dist/bundled/v2/components/OrAvatarV3/styles.js

@@ -1 +1 @@
-export { M as Avatar, Q as AvatarColors, O as AvatarIconSizes, N as AvatarSizes, P as AvatarTextSizes } from '../OrAvatarV3-fff9d395.js';
+export { M as Avatar, Q as AvatarColors, O as AvatarIconSizes, N as AvatarSizes, P as AvatarTextSizes } from '../OrAvatarV3-8f22b936.js';

package/dist/bundled/v2/components/{OrAvatarV3-fff9d395.js → OrAvatarV3-8f22b936.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watchPostEffect } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconV3-cbb77e49.js';
-import { n as normalizeComponent } from './OrAvatar-7d519020.js';
+import { _ as __vue_component__$1 } from './OrIconV3-5beb90d0.js';
+import { n as normalizeComponent } from './OrAvatar-394ee178.js';
 
 /**
  *  Generic

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,2 +1,2 @@
-export { Z as default } from '../OrBottomSheetV3-022aa5f7.js';
-import '../OrAvatar-7d519020.js';
+export { Z as default } from '../OrBottomSheetV3-0774c9ec.js';
+import '../OrAvatar-394ee178.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,2 +1,2 @@
 import 'vue-demi';
-export { aY as default } from '../../OrBottomSheetV3-022aa5f7.js';
+export { aZ as default } from '../../OrBottomSheetV3-0774c9ec.js';

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

@@ -1 +1 @@
-export { ak as BottomSheetVariant, Z as OrBottomSheetV3 } from '../OrBottomSheetV3-022aa5f7.js';
+export { al as BottomSheetVariant, Z as OrBottomSheetV3 } from '../OrBottomSheetV3-0774c9ec.js';

package/dist/bundled/v2/components/OrBottomSheetV3/props.js

@@ -1 +1 @@
-export { ak as BottomSheetVariant } from '../OrBottomSheetV3-022aa5f7.js';
+export { al as BottomSheetVariant } from '../OrBottomSheetV3-0774c9ec.js';

package/dist/bundled/v2/components/OrBottomSheetV3/styles.js

@@ -1 +1 @@
-export { aZ as BottomSheet, b1 as BottomSheetContent, a$ as BottomSheetHandle, b0 as BottomSheetHeader, a_ as BottomSheetVariants } from '../OrBottomSheetV3-022aa5f7.js';
+export { a_ as BottomSheet, b2 as BottomSheetContent, b0 as BottomSheetHandle, b1 as BottomSheetHeader, a$ as BottomSheetVariants } from '../OrBottomSheetV3-0774c9ec.js';

package/dist/bundled/v2/components/{OrBottomSheetV3-022aa5f7.js → OrBottomSheetV3-0774c9ec.js}

@@ -1,7 +1,7 @@
-import { R as RX_ABBREVIATION_FROM_STRING } from './OrAvatarV3-fff9d395.js';
+import { R as RX_ABBREVIATION_FROM_STRING } from './OrAvatarV3-8f22b936.js';
 import { effectScope, isRef, ref, watch, unref, customRef, getCurrentScope, onScopeDispose, computed, toRefs as toRefs$1, getCurrentInstance, onMounted, nextTick, reactive, isVue2, watchEffect, readonly, useAttrs, isVue3, defineComponent } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrOverlayV3-58d0580d.js';
-import { n as normalizeComponent } from './OrAvatar-7d519020.js';
+import { _ as __vue_component__$1 } from './OrOverlayV3-e8a1c155.js';
+import { n as normalizeComponent } from './OrAvatar-394ee178.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1518,7 +1518,9 @@ function resolveUnref(r) {
 
 function createFilterWrapper(filter, fn) {
   function wrapper(...args) {
-    filter(() => fn.apply(this, args), { fn, thisArg: this, args });
+    return new Promise((resolve, reject) => {
+      Promise.resolve(filter(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
+    });
   }
   return wrapper;
 }
@@ -1528,32 +1530,41 @@ const bypassFilter = (invoke) => {
 function debounceFilter(ms, options = {}) {
   let timer;
   let maxTimer;
+  let lastRejector = noop;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop;
+  };
   const filter = (invoke) => {
     const duration = resolveUnref(ms);
     const maxDuration = resolveUnref(options.maxWait);
     if (timer)
-      clearTimeout(timer);
+      _clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
       if (maxTimer) {
-        clearTimeout(maxTimer);
+        _clearTimeout(maxTimer);
         maxTimer = null;
       }
-      return invoke();
+      return Promise.resolve(invoke());
     }
-    if (maxDuration && !maxTimer) {
-      maxTimer = setTimeout(() => {
-        if (timer)
-          clearTimeout(timer);
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
         maxTimer = null;
-        invoke();
-      }, maxDuration);
-    }
-    timer = setTimeout(() => {
-      if (maxTimer)
-        clearTimeout(maxTimer);
-      maxTimer = null;
-      invoke();
-    }, duration);
+        resolve(invoke());
+      }, duration);
+    });
   };
   return filter;
 }
@@ -1824,16 +1835,16 @@ function useEventListener(...args) {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   };
-  const register = (el, event, listener) => {
-    el.addEventListener(event, listener, options);
-    return () => el.removeEventListener(event, listener, options);
+  const register = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
   };
-  const stopWatch = watch(() => unrefElement(target), (el) => {
+  const stopWatch = watch(() => [unrefElement(target), resolveUnref(options)], ([el, options2]) => {
     cleanup();
     if (!el)
       return;
     cleanups.push(...events.flatMap((event) => {
-      return listeners.map((listener) => register(el, event, listener));
+      return listeners.map((listener) => register(el, event, listener, options2));
     }));
   }, { immediate: true, flush: "post" });
   const stop = () => {
@@ -1844,37 +1855,44 @@ function useEventListener(...args) {
   return stop;
 }
 
+let _iOSWorkaround = false;
 function onClickOutside(target, handler, options = {}) {
-  const { window = defaultWindow, ignore, capture = true, detectIframe = false } = options;
+  const { window = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;
   if (!window)
     return;
-  const shouldListen = ref(true);
-  let fallback;
+  if (isIOS && !_iOSWorkaround) {
+    _iOSWorkaround = true;
+    Array.from(window.document.body.children).forEach((el) => el.addEventListener("click", noop));
+  }
+  let shouldListen = true;
+  const shouldIgnore = (event) => {
+    return ignore.some((target2) => {
+      if (typeof target2 === "string") {
+        return Array.from(window.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
+      } else {
+        const el = unrefElement(target2);
+        return el && (event.target === el || event.composedPath().includes(el));
+      }
+    });
+  };
   const listener = (event) => {
-    window.clearTimeout(fallback);
     const el = unrefElement(target);
-    if (!el || el === event.target || event.composedPath().includes(el) || !shouldListen.value)
+    if (!el || el === event.target || event.composedPath().includes(el))
       return;
+    if (event.detail === 0)
+      shouldListen = !shouldIgnore(event);
+    if (!shouldListen) {
+      shouldListen = true;
+      return;
+    }
     handler(event);
   };
-  const shouldIgnore = (event) => {
-    return ignore && ignore.some((target2) => {
-      const el = unrefElement(target2);
-      return el && (event.target === el || event.composedPath().includes(el));
-    });
-  };
   const cleanup = [
     useEventListener(window, "click", listener, { passive: true, capture }),
     useEventListener(window, "pointerdown", (e) => {
       const el = unrefElement(target);
-      shouldListen.value = !!el && !e.composedPath().includes(el) && !shouldIgnore(e);
-    }, { passive: true }),
-    useEventListener(window, "pointerup", (e) => {
-      if (e.button === 0) {
-        const path = e.composedPath();
-        e.composedPath = () => path;
-        fallback = window.setTimeout(() => listener(e), 50);
-      }
+      if (el)
+        shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);
     }, { passive: true }),
     detectIframe && useEventListener(window, "blur", (event) => {
       var _a;
@@ -1888,10 +1906,16 @@ function onClickOutside(target, handler, options = {}) {
 }
 
 function useActiveElement(options = {}) {
+  var _a;
   const { window = defaultWindow } = options;
-  const activeElement = computedWithControl(() => null, () => window == null ? void 0 : window.document.activeElement);
+  const document = (_a = options.document) != null ? _a : window == null ? void 0 : window.document;
+  const activeElement = computedWithControl(() => null, () => document == null ? void 0 : document.activeElement);
   if (window) {
-    useEventListener(window, "blur", activeElement.trigger, true);
+    useEventListener(window, "blur", (event) => {
+      if (event.relatedTarget !== null)
+        return;
+      activeElement.trigger();
+    }, true);
     useEventListener(window, "focus", activeElement.trigger, true);
   }
   return activeElement;
@@ -1942,21 +1966,21 @@ const globalKey = "__vueuse_ssr_handlers__";
 _global[globalKey] = _global[globalKey] || {};
 _global[globalKey];
 
-var __defProp$e = Object.defineProperty;
+var __defProp$f = Object.defineProperty;
 var __defProps$4 = Object.defineProperties;
 var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$e = (a, b) => {
+var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$f = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$g.call(b, prop))
-      __defNormalProp$e(a, prop, b[prop]);
-  if (__getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(b)) {
-      if (__propIsEnum$g.call(b, prop))
-        __defNormalProp$e(a, prop, b[prop]);
+    if (__hasOwnProp$h.call(b, prop))
+      __defNormalProp$f(a, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b)) {
+      if (__propIsEnum$h.call(b, prop))
+        __defNormalProp$f(a, prop, b[prop]);
     }
   return a;
 };
@@ -1986,8 +2010,8 @@ function useDraggable(target, options = {}) {
       return;
     const rect = resolveUnref(target).getBoundingClientRect();
     const pos = {
-      x: e.pageX - rect.left,
-      y: e.pageY - rect.top
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
     };
     if (((_a2 = options.onStart) == null ? void 0 : _a2.call(options, pos, e)) === false)
       return;
@@ -2001,8 +2025,8 @@ function useDraggable(target, options = {}) {
     if (!pressedDelta.value)
       return;
     position.value = {
-      x: e.pageX - pressedDelta.value.x,
-      y: e.pageY - pressedDelta.value.y
+      x: e.clientX - pressedDelta.value.x,
+      y: e.clientY - pressedDelta.value.y
     };
     (_a2 = options.onMove) == null ? void 0 : _a2.call(options, position.value, e);
     handleEvent(e);
@@ -2022,24 +2046,24 @@ function useDraggable(target, options = {}) {
     useEventListener(draggingElement, "pointermove", move, true);
     useEventListener(draggingElement, "pointerup", end, true);
   }
-  return __spreadProps$4(__spreadValues$e({}, toRefs(position)), {
+  return __spreadProps$4(__spreadValues$f({}, toRefs(position)), {
     position,
     isDragging: computed(() => !!pressedDelta.value),
     style: computed(() => `left:${position.value.x}px;top:${position.value.y}px;`)
   });
 }
 
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
+  if (source != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2115,7 +2139,7 @@ function useElementBounding(target, options = {}) {
   useResizeObserver(target, update);
   watch(() => unrefElement(target), (ele) => !ele && update());
   if (windowScroll)
-    useEventListener("scroll", update, { passive: true });
+    useEventListener("scroll", update, { capture: true, passive: true });
   if (windowResize)
     useEventListener("resize", update, { passive: true });
   tryOnMounted(() => {
@@ -2135,25 +2159,55 @@ function useElementBounding(target, options = {}) {
   };
 }
 
-function useElementHover(el) {
+function useElementHover(el, options = {}) {
+  const delayEnter = options ? options.delayEnter : 0;
+  const delayLeave = options ? options.delayLeave : 0;
   const isHovered = ref(false);
-  useEventListener(el, "mouseenter", () => isHovered.value = true);
-  useEventListener(el, "mouseleave", () => isHovered.value = false);
+  let timer;
+  const toggle = (entering) => {
+    const delay = entering ? delayEnter : delayLeave;
+    if (timer) {
+      clearTimeout(timer);
+      timer = void 0;
+    }
+    if (delay)
+      timer = setTimeout(() => isHovered.value = entering, delay);
+    else
+      isHovered.value = entering;
+  };
+  if (!window)
+    return isHovered;
+  useEventListener(el, "mouseenter", () => toggle(true), { passive: true });
+  useEventListener(el, "mouseleave", () => toggle(false), { passive: true });
   return isHovered;
 }
 
 function useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {
-  const { box = "content-box" } = options;
+  const { window = defaultWindow, box = "content-box" } = options;
+  const isSVG = computed(() => {
+    var _a, _b;
+    return (_b = (_a = unrefElement(target)) == null ? void 0 : _a.namespaceURI) == null ? void 0 : _b.includes("svg");
+  });
   const width = ref(initialSize.width);
   const height = ref(initialSize.height);
   useResizeObserver(target, ([entry]) => {
     const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
-    if (boxSize) {
-      width.value = boxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
-      height.value = boxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+    if (window && isSVG.value) {
+      const $elem = unrefElement(target);
+      if ($elem) {
+        const styles = window.getComputedStyle($elem);
+        width.value = parseFloat(styles.width);
+        height.value = parseFloat(styles.height);
+      }
     } else {
-      width.value = entry.contentRect.width;
-      height.value = entry.contentRect.height;
+      if (boxSize) {
+        const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
+        width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
+        height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+      } else {
+        width.value = entry.contentRect.width;
+        height.value = entry.contentRect.height;
+      }
     }
   }, options);
   watch(() => unrefElement(target), (ele) => {
@@ -2208,17 +2262,17 @@ function useEventBus(key) {
 
 function useFocus(target, options = {}) {
   const { initialValue = false } = options;
-  const activeElement = useActiveElement(options);
+  const innerFocused = ref(false);
   const targetElement = computed(() => unrefElement(target));
+  useEventListener(targetElement, "focus", () => innerFocused.value = true);
+  useEventListener(targetElement, "blur", () => innerFocused.value = false);
   const focused = computed({
-    get() {
-      return isDef(activeElement.value) && isDef(targetElement.value) && activeElement.value === targetElement.value;
-    },
+    get: () => innerFocused.value,
     set(value) {
       var _a, _b;
-      if (!value && focused.value)
+      if (!value && innerFocused.value)
         (_a = targetElement.value) == null ? void 0 : _a.blur();
-      if (value && !focused.value)
+      else if (value && !innerFocused.value)
         (_b = targetElement.value) == null ? void 0 : _b.focus();
     }
   });
@@ -2248,9 +2302,12 @@ function useMagicKeys(options = {}) {
     onEventFired = noop
   } = options;
   const current = reactive(new Set());
-  const obj = { toJSON() {
-    return {};
-  }, current };
+  const obj = {
+    toJSON() {
+      return {};
+    },
+    current
+  };
   const refs = useReactive ? reactive(obj) : obj;
   const metaDeps = new Set();
   const usedKeys = new Set();
@@ -2263,6 +2320,7 @@ function useMagicKeys(options = {}) {
     }
   }
   function reset() {
+    current.clear();
     for (const key of usedKeys)
       setRefs(key, false);
   }
@@ -2323,17 +2381,17 @@ function useMagicKeys(options = {}) {
   return proxy;
 }
 
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2463,8 +2521,22 @@ function usePointerSwipe(target, options = {}) {
   };
 }
 
+function checkOverflowScroll(ele) {
+  const style = window.getComputedStyle(ele);
+  if (style.overflowX === "scroll" || style.overflowY === "scroll" || style.overflowX === "auto" && ele.clientHeight < ele.scrollHeight || style.overflowY === "auto" && ele.clientWidth < ele.scrollWidth) {
+    return true;
+  } else {
+    const parent = ele.parentNode;
+    if (!parent || parent.tagName === "BODY")
+      return false;
+    return checkOverflowScroll(parent);
+  }
+}
 function preventDefault(rawEvent) {
   const e = rawEvent || window.event;
+  const _target = e.target;
+  if (checkOverflowScroll(_target))
+    return false;
   if (e.touches.length > 1)
     return true;
   if (e.preventDefault)
@@ -2490,7 +2562,9 @@ function useScrollLock(element, initialState = false) {
     if (!ele || isLocked.value)
       return;
     if (isIOS) {
-      stopTouchMoveListener = useEventListener(ele, "touchmove", preventDefault, { passive: false });
+      stopTouchMoveListener = useEventListener(ele, "touchmove", (e) => {
+        preventDefault(e);
+      }, { passive: false });
     }
     ele.style.overflow = "hidden";
     isLocked.value = true;
@@ -2516,6 +2590,75 @@ function useScrollLock(element, initialState = false) {
     }
   });
 }
+const DEFAULT_UNITS = [
+  { max: 6e4, value: 1e3, name: "second" },
+  { max: 276e4, value: 6e4, name: "minute" },
+  { max: 72e6, value: 36e5, name: "hour" },
+  { max: 5184e5, value: 864e5, name: "day" },
+  { max: 24192e5, value: 6048e5, name: "week" },
+  { max: 28512e6, value: 2592e6, name: "month" },
+  { max: Infinity, value: 31536e6, name: "year" }
+];
+const DEFAULT_MESSAGES = {
+  justNow: "just now",
+  past: (n) => n.match(/\d/) ? `${n} ago` : n,
+  future: (n) => n.match(/\d/) ? `in ${n}` : n,
+  month: (n, past) => n === 1 ? past ? "last month" : "next month" : `${n} month${n > 1 ? "s" : ""}`,
+  year: (n, past) => n === 1 ? past ? "last year" : "next year" : `${n} year${n > 1 ? "s" : ""}`,
+  day: (n, past) => n === 1 ? past ? "yesterday" : "tomorrow" : `${n} day${n > 1 ? "s" : ""}`,
+  week: (n, past) => n === 1 ? past ? "last week" : "next week" : `${n} week${n > 1 ? "s" : ""}`,
+  hour: (n) => `${n} hour${n > 1 ? "s" : ""}`,
+  minute: (n) => `${n} minute${n > 1 ? "s" : ""}`,
+  second: (n) => `${n} second${n > 1 ? "s" : ""}`,
+  invalid: ""
+};
+const DEFAULT_FORMATTER = (date) => date.toISOString().slice(0, 10);
+function formatTimeAgo(from, options = {}, now = Date.now()) {
+  var _a;
+  const {
+    max,
+    messages = DEFAULT_MESSAGES,
+    fullDateFormatter = DEFAULT_FORMATTER,
+    units = DEFAULT_UNITS,
+    showSecond = false,
+    rounding = "round"
+  } = options;
+  const roundFn = typeof rounding === "number" ? (n) => +n.toFixed(rounding) : Math[rounding];
+  const diff = +now - +from;
+  const absDiff = Math.abs(diff);
+  function getValue(diff2, unit) {
+    return roundFn(Math.abs(diff2) / unit.value);
+  }
+  function format(diff2, unit) {
+    const val = getValue(diff2, unit);
+    const past = diff2 > 0;
+    const str = applyFormat(unit.name, val, past);
+    return applyFormat(past ? "past" : "future", str, past);
+  }
+  function applyFormat(name, val, isPast) {
+    const formatter = messages[name];
+    if (typeof formatter === "function")
+      return formatter(val, isPast);
+    return formatter.replace("{0}", val.toString());
+  }
+  if (absDiff < 6e4 && !showSecond)
+    return messages.justNow;
+  if (typeof max === "number" && absDiff > max)
+    return fullDateFormatter(new Date(from));
+  if (typeof max === "string") {
+    const unitMax = (_a = units.find((i) => i.name === max)) == null ? void 0 : _a.max;
+    if (unitMax && absDiff > unitMax)
+      return fullDateFormatter(new Date(from));
+  }
+  for (const [idx, unit] of units.entries()) {
+    const val = getValue(diff, unit);
+    if (val <= 0 && units[idx - 1])
+      return format(diff, units[idx - 1]);
+    if (absDiff < unit.max)
+      return format(diff, unit);
+  }
+  return messages.invalid;
+}
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -7063,4 +7206,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { useElementBounding as $, getCS as A, getMaxZIndex as B, useVModel as C, _ListCache as D, _Map as E, _MapCache as F, _getNative as G, eq_1 as H, _baseGetTag as I, isObjectLike_1 as J, _root as K, _freeGlobal as L, isArray_1 as M, _overArg as N, isFunction_1 as O, _getPrototype as P, _toSource as Q, _Symbol as R, isEmpty as S, useElementSize as T, unrefElement as U, tryOnScopeDispose as V, useElevation as W, useScrollLock as X, useToggle as Y, __vue_component__ as Z, _baseToString as _, useToggle$1 as a, BottomSheetHandle as a$, get_1 as a0, useDraggable as a1, clamp as a2, commonjsGlobal as a3, getDefaultExportFromCjs as a4, useResizeObserver as a5, useDebounceFn as a6, watchDebounced as a7, _castPath as a8, _toKey as a9, PLACEMENT_TOP_END as aA, PLACEMENT_BOTTOM_START as aB, PLACEMENT_BOTTOM_END as aC, PLACEMENT_RIGHT_START as aD, PLACEMENT_RIGHT_END as aE, PLACEMENT_LEFT_START as aF, PLACEMENT_LEFT_END as aG, MutationObs as aH, removeNode as aI, isVisible$1 as aJ, selectAll as aK, select as aL, contains as aM, getById as aN, hasClass as aO, setAttr as aP, removeAttr as aQ, getAttr as aR, hasAttr as aS, getStyle as aT, offset as aU, position as aV, getAbbreviation as aW, isVisible as aX, useBottomSheetSwipeState as aY, BottomSheet as aZ, BottomSheetVariants as a_, _isKey as aa, _baseGet as ab, useFocus as ac, isEqualValue as ad, addClass as ae, removeClass as af, useOverflow as ag, createSharedComposable as ah, useEventBus as ai, noop as aj, BottomSheetVariant as ak, CODE_BACKSPACE as al, CODE_BREAK as am, CODE_DELETE as an, CODE_DOWN as ao, CODE_END as ap, CODE_ENTER as aq, CODE_ESC as ar, CODE_HOME as as, CODE_LEFT as at, CODE_PAGEDOWN as au, CODE_PAGEUP as av, CODE_RIGHT as aw, CODE_SPACE as ax, CODE_UP as ay, PLACEMENT_TOP_START as az, useIdAttribute as b, BottomSheetHeader as b0, BottomSheetContent as b1, useControlAttributes as c, useElementHover as d, useValidationAttributes as e, flattenDeep as f, useTheme as g, reflow as h, isEmptyValue as i, removeStyle as j, cancelAF as k, getBCR as l, resolveUnref as m, useMagicKeys as n, onClickOutside as o, pxToRem as p, useActiveElement as q, requestAF as r, setStyle as s, usePopoverState as t, useProxyModelValue as u, useResponsive as v, whenever as w, isObject_1 as x, isSymbol_1 as y, toString_1 as z };
+export { useElementBounding as $, getCS as A, getMaxZIndex as B, useVModel as C, _ListCache as D, _Map as E, _MapCache as F, _getNative as G, eq_1 as H, _baseGetTag as I, isObjectLike_1 as J, _root as K, _freeGlobal as L, isArray_1 as M, _overArg as N, isFunction_1 as O, _getPrototype as P, _toSource as Q, _Symbol as R, isEmpty as S, useElementSize as T, unrefElement as U, tryOnScopeDispose as V, useElevation as W, useScrollLock as X, useToggle as Y, __vue_component__ as Z, _baseToString as _, useToggle$1 as a, BottomSheetVariants as a$, get_1 as a0, useDraggable as a1, clamp as a2, commonjsGlobal as a3, getDefaultExportFromCjs as a4, useResizeObserver as a5, useDebounceFn as a6, watchDebounced as a7, _castPath as a8, _toKey as a9, PLACEMENT_TOP_START as aA, PLACEMENT_TOP_END as aB, PLACEMENT_BOTTOM_START as aC, PLACEMENT_BOTTOM_END as aD, PLACEMENT_RIGHT_START as aE, PLACEMENT_RIGHT_END as aF, PLACEMENT_LEFT_START as aG, PLACEMENT_LEFT_END as aH, MutationObs as aI, removeNode as aJ, isVisible$1 as aK, selectAll as aL, select as aM, contains as aN, getById as aO, hasClass as aP, setAttr as aQ, removeAttr as aR, getAttr as aS, hasAttr as aT, getStyle as aU, offset as aV, position as aW, getAbbreviation as aX, isVisible as aY, useBottomSheetSwipeState as aZ, BottomSheet as a_, _isKey as aa, _baseGet as ab, useFocus as ac, isEqualValue as ad, addClass as ae, removeClass as af, formatTimeAgo as ag, useOverflow as ah, createSharedComposable as ai, useEventBus as aj, noop as ak, BottomSheetVariant as al, CODE_BACKSPACE as am, CODE_BREAK as an, CODE_DELETE as ao, CODE_DOWN as ap, CODE_END as aq, CODE_ENTER as ar, CODE_ESC as as, CODE_HOME as at, CODE_LEFT as au, CODE_PAGEDOWN as av, CODE_PAGEUP as aw, CODE_RIGHT as ax, CODE_SPACE as ay, CODE_UP as az, useIdAttribute as b, BottomSheetHandle as b0, BottomSheetHeader as b1, BottomSheetContent as b2, useControlAttributes as c, useElementHover as d, useValidationAttributes as e, flattenDeep as f, useTheme as g, reflow as h, isEmptyValue as i, removeStyle as j, cancelAF as k, getBCR as l, resolveUnref as m, useMagicKeys as n, onClickOutside as o, pxToRem as p, useActiveElement as q, requestAF as r, setStyle as s, usePopoverState as t, useProxyModelValue as u, useResponsive as v, whenever as w, isObject_1 as x, isSymbol_1 as y, toString_1 as z };

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

@@ -1,2 +1,2 @@
 export { OrButton as default } from './index.js';
-import '../OrAvatar-7d519020.js';
+import '../OrAvatar-394ee178.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed } from 'vue-demi';
 import { OrLoader as __vue_component__$1, LoaderViews } from '../OrLoader/index.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7d519020.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-394ee178.js';
 
 var OrButtonViews;
 (function (OrButtonViews) {

package/dist/bundled/v2/components/OrButtonGroupV3/OrButtonGroup.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrButtonGroupV3-3a48afbe.js';
-import '../OrAvatar-7d519020.js';
+export { _ as default } from '../OrButtonGroupV3-70255fda.js';
+import '../OrAvatar-394ee178.js';

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

@@ -1,2 +1,2 @@
-export { _ as OrButtonGroupV3 } from '../OrButtonGroupV3-3a48afbe.js';
-export { B as ButtonGroupColor, a as ButtonGroupVariant } from '../OrButtonV3-b67957f9.js';
+export { _ as OrButtonGroupV3 } from '../OrButtonGroupV3-70255fda.js';
+export { B as ButtonGroupColor, a as ButtonGroupVariant } from '../OrButtonV3-5e2034fc.js';

package/dist/bundled/v2/components/OrButtonGroupV3/props.js

@@ -1 +1 @@
-export { B as ButtonGroupColor, a as ButtonGroupVariant } from '../OrButtonV3-b67957f9.js';
+export { B as ButtonGroupColor, a as ButtonGroupVariant } from '../OrButtonV3-5e2034fc.js';

package/dist/bundled/v2/components/OrButtonGroupV3/styles.js

@@ -1,2 +1,2 @@
-import '../OrButtonV3-b67957f9.js';
-export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-3a48afbe.js';
+import '../OrButtonV3-5e2034fc.js';
+export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-70255fda.js';