@onereach/ui-components 4.6.2-beta.2777.0 → 4.6.2-beta.2779.0

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,12 +1,11 @@
 import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
 import { onClickOutside } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
+import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './styles.js';
 import __vue_component__$1 from '../OrBottomSheetV3/OrBottomSheet.js';
 import __vue_component__$2 from '../OrTeleportV3/OrTeleport.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
-import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { useElevation } from '../../hooks/useElevation.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrBottomSheetV3/props.js';
@@ -24,10 +23,6 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
-    isOpen: {
-      type: Boolean,
-      default: false
-    },
     variant: {
       type: String,
       default: PopoverVariant.Auto
@@ -57,8 +52,8 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['open', 'close'],
-  expose: ['root', 'open', 'close', 'toggle'],
+  emits: ['update:state', 'update:state:open', 'update:state:fullscreen', 'update:state:closed', 'update:state:closed-automatically'],
+  expose: ['root', 'state', 'isOpen', 'isFullscreen', 'isClosed', 'isFlipped', 'open', 'close'],
   setup(props, context) {
     const {
       isDesktop,
@@ -75,12 +70,81 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot, ...props.customStyles]);
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
     // State
-    const {
-      state,
-      open,
-      close,
-      toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    const state = ref('closed');
+    const isOpen = computed(() => state.value === 'open');
+    const isFullscreen = computed(() => state.value === 'fullscreen');
+    const isClosed = computed(() => state.value === 'closed');
+    const isFlipped = ref(false);
+    // Events
+    watch(state, value => {
+      context.emit('update:state', value);
+      switch (value) {
+        case 'open':
+          context.emit('update:state:open');
+          break;
+        case 'fullscreen':
+          context.emit('update:state:fullscreen');
+          break;
+        case 'closed':
+          context.emit('update:state:closed');
+          break;
+      }
+    });
+    // Methods
+    function open() {
+      state.value = 'open';
+      switch (props.variant) {
+        case PopoverVariant.Auto:
+          if (isMobile.value) {
+            nextTick(() => {
+              const bottomSheetInstance = bottomSheet.value;
+              if (bottomSheetInstance) {
+                bottomSheetInstance.open();
+              }
+            });
+          }
+          break;
+        case PopoverVariant.Popover:
+          break;
+        case PopoverVariant.BottomSheet:
+          nextTick(() => {
+            const bottomSheetInstance = bottomSheet.value;
+            if (bottomSheetInstance) {
+              bottomSheetInstance.open();
+            }
+          });
+          break;
+      }
+    }
+    function close() {
+      let auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      state.value = 'closed';
+      switch (props.variant) {
+        case PopoverVariant.Auto:
+          if (isMobile.value) {
+            nextTick(() => {
+              const bottomSheetInstance = bottomSheet.value;
+              if (bottomSheetInstance) {
+                bottomSheetInstance.close();
+              }
+            });
+          }
+          break;
+        case PopoverVariant.Popover:
+          break;
+        case PopoverVariant.BottomSheet:
+          nextTick(() => {
+            const bottomSheetInstance = bottomSheet.value;
+            if (bottomSheetInstance) {
+              bottomSheetInstance.close();
+            }
+          });
+          break;
+      }
+      if (auto) {
+        context.emit('update:state:closed-automatically');
+      }
+    }
     // Handlers
     function handleBottomSheetState(bottomSheetState) {
       if (bottomSheetState === 'closed') {
@@ -99,6 +163,7 @@ var script = defineComponent({
         } = props;
         if (trigger) {
           autoUpdate(trigger, rootElement, async () => {
+            var _a;
             const {
               x,
               y,
@@ -113,13 +178,11 @@ var script = defineComponent({
               visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
               width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
             });
+            isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
           });
         }
       }
     });
-    // #region Elevation
-    useElevation(root, state);
-    // #endregion
     // #region Click Outside
     const trigger = toRef(props, 'trigger');
     onClickOutside(root, event => {
@@ -130,12 +193,15 @@ var script = defineComponent({
         } = _ref;
         return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
       })) {
-        close();
+        close(true);
       }
     }, {
       ignore: [trigger]
     });
     // #endregion
+    // #region Elevation
+    useElevation(root, state);
+    // #endregion
     return {
       isDesktop,
       isMobile,
@@ -146,9 +212,12 @@ var script = defineComponent({
       rootStyles,
       bodyStyles,
       state,
+      isOpen,
+      isFullscreen,
+      isClosed,
+      isFlipped,
       open,
-      close,
-      toggle
+      close
     };
   }
 });
@@ -165,8 +234,8 @@ var __vue_render__ = function () {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.state === 'open',
-      expression: "state === 'open'"
+      value: _vm.isOpen,
+      expression: "isOpen"
     }],
     class: ['contents']
   }, [_vm.isDesktop && _vm.variant === 'auto' || _vm.variant === 'popover' ? [_c('div', _vm._b({
@@ -176,15 +245,12 @@ var __vue_render__ = function () {
     class: _vm.bodyStyles
   }, [_vm._t("default")], 2)]], 2)] : _vm._e(), _vm._v(" "), _vm.isMobile && _vm.variant === 'auto' || _vm.variant === 'bottom-sheet' ? [_c('OrBottomSheet', _vm._b({
     ref: "bottomSheet",
-    attrs: {
-      "is-open": _vm.state === 'open'
-    },
     on: {
-      "open": function ($event) {
-        return _vm.open();
+      "update:state": function ($event) {
+        _vm.state = $event;
       },
-      "close": function ($event) {
-        return _vm.close();
+      "update:state:closed-automatically": function ($event) {
+        return _vm.$emit('update:state:closed-automatically');
       }
     }
   }, 'OrBottomSheet', _vm.bottomSheetProps, false), [_vm._t("default")], 2)] : _vm._e()], 2)]);

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -13,15 +13,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     handleBottomSheetState: (bottomSheetState: string) => void;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: import("@vue/composition-api").Ref<"open" | "fullscreen" | "closed">;
+    isOpen: import("@vue/composition-api").ComputedRef<boolean>;
+    isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
+    isClosed: import("@vue/composition-api").ComputedRef<boolean>;
+    isFlipped: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
-    close: () => void;
-    toggle: () => void;
+    close: (auto?: boolean) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     variant: {
         type: PropType<"auto" | "popover" | "bottom-sheet">;
         default: PopoverVariant;
@@ -56,10 +55,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     variant: {
         type: PropType<"auto" | "popover" | "bottom-sheet">;
         default: PopoverVariant;
@@ -94,7 +89,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
@@ -119,12 +113,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     handleBottomSheetState: (bottomSheetState: string) => void;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: import("@vue/composition-api").Ref<"open" | "fullscreen" | "closed">;
+    isOpen: import("@vue/composition-api").ComputedRef<boolean>;
+    isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
+    isClosed: import("@vue/composition-api").ComputedRef<boolean>;
+    isFlipped: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
-    close: () => void;
-    toggle: () => void;
+    close: (auto?: boolean) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
@@ -137,7 +133,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;

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

@@ -14,5 +14,4 @@ import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -30,7 +30,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';

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

@@ -31,7 +31,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,4 +1,5 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { isEmptyValue } from '../../utils/isEmptyValue.js';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectNoSearchResults } from './styles.js';
 import __vue_component__$1 from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$2 from '../OrErrorV3/OrError.js';
@@ -36,7 +37,6 @@ import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/props.js';
-import '../../hooks/usePopoverState.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
@@ -194,6 +194,9 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const isEmptyModelValue = computed(() => {
+      return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : isEmptyValue(proxyModelValue.value);
+    });
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];
@@ -283,6 +286,7 @@ var script = defineComponent({
       controlId,
       proxyModelValue,
       readonly,
+      isEmptyModelValue,
       selection,
       searchText,
       internalSearchOptions,
@@ -378,7 +382,7 @@ var __vue_render__ = function () {
     }, [_vm._v(_vm._s(_vm.placeholder))])]];
   }, {
     "model": _vm.proxyModelValue
-  })] : [_vm.proxyModelValue ? [_vm._t("valueTemplate", function () {
+  })] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
     return [_c('span', {
       staticClass: "truncate"
     }, [_vm._v("\n              " + _vm._s(_vm.selection.label) + "\n            ")])];

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -25,6 +25,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{
@@ -211,6 +212,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{

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

@@ -1,6 +1,7 @@
 export { default as OrSelectV3 } from './OrSelect.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
+import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
 import '@vueuse/core';
@@ -43,7 +44,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';

package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.js

@@ -24,7 +24,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 
 const CollapseButtonContainer = [

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

@@ -24,6 +24,5 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import './styles.js';

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

@@ -23,7 +23,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrTabV3/styles.js';

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

@@ -22,7 +22,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';

package/dist/bundled/v2/components/OrTagV3/OrTag.js

@@ -9,8 +9,8 @@ import '../OrIconButtonV3/styles.js';
 import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../OrTooltipV3/styles.js';
 import '@vueuse/core';
+import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
@@ -24,7 +24,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 
 var script = defineComponent({

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

@@ -10,8 +10,8 @@ import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../OrTooltipV3/styles.js';
 import '@vueuse/core';
+import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
@@ -25,5 +25,4 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v2/components/OrTagsV3/OrTags.js

@@ -23,7 +23,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrTagV3/props.js';
 import '../OrTagV3/styles.js';

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

@@ -22,7 +22,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrTagV3/OrTag.js';
 import '../OrTagV3/props.js';

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

@@ -31,7 +31,6 @@ import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/props.js';
-import '../../hooks/usePopoverState.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
@@ -283,7 +282,7 @@ var __vue_render__ = function () {
       "placement": 'bottom-start'
     },
     on: {
-      "close": function ($event) {
+      "update:state:closed-automatically": function ($event) {
         return _vm.reset();
       }
     }

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

@@ -42,7 +42,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';

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

@@ -26,7 +26,6 @@ import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../OrLoaderV3/props.js';

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

@@ -30,7 +30,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../OrLoaderV3/props.js';

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

@@ -11,8 +11,8 @@ import '../OrIconButtonV3/styles.js';
 import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../OrTooltipV3/styles.js';
 import '@vueuse/core';
+import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
@@ -26,7 +26,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';

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

@@ -14,8 +14,8 @@ import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../OrTooltipV3/styles.js';
 import '@vueuse/core';
+import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
@@ -29,7 +29,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../OrLoaderV3/props.js';