@onereach/ui-components 4.6.4 → 4.7.0-beta.2795.0

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

@@ -1,12 +1,11 @@
-import { a as autoUpdate, c as computePosition, s as shift, f as flip, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
+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: ['update:state', 'open', 'close'],
-  expose: ['root', 'state', 'isFlipped', 'isHidden', '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,14 +70,89 @@ 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);
-    const isHidden = 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') {
+        state.value = 'closed';
+      } else {
+        state.value = 'open';
+      }
+    }
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -93,14 +163,14 @@ var script = defineComponent({
         } = props;
         if (trigger) {
           autoUpdate(trigger, rootElement, async () => {
-            var _a, _b;
+            var _a;
             const {
               x,
               y,
               middlewareData
             } = await computePosition(trigger, rootElement, {
               placement,
-              middleware: [shift(), flip(), hide()]
+              middleware: [flip(), shift(), hide()]
             });
             Object.assign(rootElement.style, {
               left: `${x}px`,
@@ -109,14 +179,10 @@ var script = defineComponent({
               width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
             });
             isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
-            isHidden.value = Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden);
           });
         }
       }
     });
-    // #region Elevation
-    useElevation(root, state);
-    // #endregion
     // #region Click Outside
     const trigger = toRef(props, 'trigger');
     onClickOutside(root, event => {
@@ -127,26 +193,31 @@ 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,
       root,
       bottomSheet,
       bottomSheetRoot,
+      handleBottomSheetState,
       rootStyles,
       bodyStyles,
       state,
+      isOpen,
+      isFullscreen,
+      isClosed,
       isFlipped,
-      isHidden,
       open,
-      close,
-      toggle
+      close
     };
   }
 });
@@ -163,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({
@@ -174,12 +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: {
       "update:state": function ($event) {
         _vm.state = $event;
+      },
+      "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

@@ -10,19 +10,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     bottomSheetRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    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>;
-    isHidden: 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;
@@ -57,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;
@@ -95,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;
@@ -117,16 +110,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     bottomSheetRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    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>;
-    isHidden: 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;
@@ -139,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

@@ -37,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';

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

@@ -44,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,10 +9,10 @@ import '../OrIconButtonV3/styles.js';
 import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
+import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '@vueuse/core';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.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,10 +10,10 @@ import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrTooltipV3/OrTooltip.js';
+import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '@vueuse/core';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.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/OrTextV3/OrText.vue.d.ts

@@ -3,7 +3,7 @@
  * Ellipsis can be placed in the end or in the middle of the text. Convenient for displaying long labels,
  * that have same beginning and differ in the ending part.
  */
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     mainTextStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -48,7 +48,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: NumberConstructor;
         default: number;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     text: string;
     sliceIndex: number;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/bundled/v2/components/OrTextarea/OrTextarea.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     inputRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
 }> & {
     reqAF: any;
@@ -106,7 +106,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     isDisabled: BooleanConstructor;
     isReadonly: BooleanConstructor;
     isInvalid: BooleanConstructor;
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     isSmall: boolean;
     isRequired: boolean;

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TextareaSize } from './props';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     control: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -97,7 +97,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     size: TextareaSize;
     label: string;

package/dist/bundled/v2/components/OrTextbox/OrTextbox.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TextboxTypes } from './constants';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     inputRef: import("@vue/composition-api").Ref<HTMLInputElement | HTMLTextAreaElement | null>;
     reqAF: import("@vue/composition-api").Ref<null>;
     rootClasses: import("@vue/composition-api").ComputedRef<(string | {
@@ -228,7 +228,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         default: boolean;
         required: false;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     id: string;
     placeholder: string;

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';
@@ -307,7 +306,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/OrTimePicker.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { FilterFunction } from '../or-date-time-picker-v3/types';
 import { TimePickerSize } from './props';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -115,7 +115,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;

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/OrToast/OrToast.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { ToastType } from './constants';
 import { ToastLink } from './types';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
     onClose(): void;
     onLinkClick(e: MouseEvent): void;
 }, {
@@ -49,7 +49,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: NumberConstructor;
         default: null;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     toastType: ToastType;
     link: ToastLink;
     messageText: string;

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,10 +11,10 @@ import '../OrIconButtonV3/styles.js';
 import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
+import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '@vueuse/core';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.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/OrToast.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { ToastType } from './props';
 import { ToastLink } from './types';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     toastIconStyle: import("@vue/composition-api").ComputedRef<string[]>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -45,7 +45,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     toastType: ToastType;
     link: ToastLink;
     messageText: string;