@onereach/ui-components 5.0.2-beta.3143.0 → 5.0.2-beta.3145.0

package/dist/esm/v2/useResponsive-f6bd2ff0.js

@@ -1,40 +0,0 @@
-import screens from '@onereach/styles/tailwind-screens';
-import { useMediaQuery } from '@vueuse/core';
-import { getCurrentInstance, ref, onMounted, isVue3, computed } from 'vue-demi';
-
-function useResponsive() {
-  const currentInstance = getCurrentInstance();
-  const currentRootElement = ref();
-  onMounted(() => {
-    if (currentInstance) {
-      const element = currentInstance.vnode[isVue3 ? 'el' : 'elm'];
-      if (element instanceof Element) {
-        currentRootElement.value = element;
-      }
-    }
-  });
-  const desktopQuery = useMediaQuery(`(min-width: ${screens.md})`);
-  const isDesktop = computed(() => {
-    return isForcedDesktop(currentRootElement.value) || desktopQuery.value;
-  });
-  const isMobile = computed(() => {
-    return !isDesktop.value;
-  });
-  function isForcedDesktop(element) {
-    var _a, _b;
-    if (!element) {
-      return false;
-    }
-    const forcedScreens = (_a = element.getAttribute('force-screen')) === null || _a === void 0 ? void 0 : _a.split(/\s+/);
-    if (forcedScreens === null || forcedScreens === void 0 ? void 0 : forcedScreens.some(forcedScreen => ['md', 'lg', 'xl', '2xl'].includes(forcedScreen))) {
-      return true;
-    }
-    return isForcedDesktop((_b = element.parentElement) !== null && _b !== void 0 ? _b : undefined);
-  }
-  return {
-    isDesktop,
-    isMobile
-  };
-}
-
-export { useResponsive as u };

package/dist/esm/v3/useResponsive-f6bd2ff0.js

@@ -1,40 +0,0 @@
-import screens from '@onereach/styles/tailwind-screens';
-import { useMediaQuery } from '@vueuse/core';
-import { getCurrentInstance, ref, onMounted, isVue3, computed } from 'vue-demi';
-
-function useResponsive() {
-  const currentInstance = getCurrentInstance();
-  const currentRootElement = ref();
-  onMounted(() => {
-    if (currentInstance) {
-      const element = currentInstance.vnode[isVue3 ? 'el' : 'elm'];
-      if (element instanceof Element) {
-        currentRootElement.value = element;
-      }
-    }
-  });
-  const desktopQuery = useMediaQuery(`(min-width: ${screens.md})`);
-  const isDesktop = computed(() => {
-    return isForcedDesktop(currentRootElement.value) || desktopQuery.value;
-  });
-  const isMobile = computed(() => {
-    return !isDesktop.value;
-  });
-  function isForcedDesktop(element) {
-    var _a, _b;
-    if (!element) {
-      return false;
-    }
-    const forcedScreens = (_a = element.getAttribute('force-screen')) === null || _a === void 0 ? void 0 : _a.split(/\s+/);
-    if (forcedScreens === null || forcedScreens === void 0 ? void 0 : forcedScreens.some(forcedScreen => ['md', 'lg', 'xl', '2xl'].includes(forcedScreen))) {
-      return true;
-    }
-    return isForcedDesktop((_b = element.parentElement) !== null && _b !== void 0 ? _b : undefined);
-  }
-  return {
-    isDesktop,
-    isMobile
-  };
-}
-
-export { useResponsive as u };