@onereach/ui-components 7.0.0 → 7.0.1-beta.3531.0

package/dist/bundled/v2/{index-a488b35e.js → index-a77d7adf.js}

@@ -413,6 +413,28 @@ function useEventBus(key) {
   return { on, once, off, emit, reset };
 }
 
+function useFocus(target, options = {}) {
+  const { initialValue = false } = options;
+  const activeElement = useActiveElement(options);
+  const targetElement = computed(() => unrefElement(target));
+  const focused = computed({
+    get() {
+      return isDef(activeElement.value) && isDef(targetElement.value) && activeElement.value === targetElement.value;
+    },
+    set(value) {
+      var _a, _b;
+      if (!value && focused.value)
+        (_a = targetElement.value) == null ? void 0 : _a.blur();
+      if (value && !focused.value)
+        (_b = targetElement.value) == null ? void 0 : _b.focus();
+    }
+  });
+  watch(targetElement, () => {
+    focused.value = initialValue;
+  }, { immediate: true, flush: "post" });
+  return { focused };
+}
+
 const DefaultMagicKeysAliasMap = {
   ctrl: "control",
   command: "meta",
@@ -794,4 +816,4 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, useVModel as c, useElementBounding as d, useResizeObserver as e, useDraggable as f, useElementSize as g, useScrollLock as h, useMutationObserver as i, useMediaQuery as j, useEventBus as k, unrefElement as l, usePointerSwipe as m, onClickOutside as o, useElementHover as u };
+export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, useVModel as c, useElementBounding as d, useResizeObserver as e, useFocus as f, useDraggable as g, useElementSize as h, useScrollLock as i, useMutationObserver as j, useMediaQuery as k, useEventBus as l, unrefElement as m, usePointerSwipe as n, onClickOutside as o, useElementHover as u };