@onereach/ui-components 4.6.3 → 4.6.4-beta.2800.0

package/dist/bundled/v3/components/OrTooltipV3/OrTooltip.vue.d.ts

@@ -1,35 +1,46 @@
 import { PropType } from 'vue-demi';
 import { TooltipPlacement } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     text: {
         type: StringConstructor;
         default: undefined;
     };
     placement: {
-        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
+        type: PropType<TooltipPlacement>;
         default: TooltipPlacement;
     };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
-    popover: import("vue-demi").Ref<any>;
-    popoverRoot: import("vue-demi").ComputedRef<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     bodyStyles: import("vue-demi").ComputedRef<string[]>;
+    state: import("vue-demi").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:state"[], "update:state", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    toggle: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     text: {
         type: StringConstructor;
         default: undefined;
     };
     placement: {
-        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
+        type: PropType<TooltipPlacement>;
         default: TooltipPlacement;
     };
 }>> & {
     "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     text: string;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    placement: TooltipPlacement;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrTooltipV3/index.js

@@ -1,22 +1,23 @@
-export { s as OrTooltipV3 } from '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+export { s as OrTooltipV3 } from '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 export { PopoverPlacement as TooltipPlacement } from '../OrPopoverV3/props.js';
-import '@vueuse/core';
 import 'vue-demi';
 import './styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '@vueuse/core';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
+import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v3/components/index.js

@@ -2,7 +2,7 @@ export { s as OrAvatar } from '../OrAvatar.vue_vue_type_script_lang-37b5b618.js'
 export { OR_AVATAR_SIZE } from './OrAvatar/constants.js';
 export { s as OrAvatarV3 } from '../OrAvatar.vue_vue_type_script_lang-8d7ce473.js';
 export { AvatarColor, AvatarSize } from './OrAvatarV3/props.js';
-export { s as OrBottomSheetV3 } from '../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
+export { s as OrBottomSheetV3 } from '../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
 export { BottomSheetVariant } from './OrBottomSheetV3/props.js';
 export { s as OrButton } from '../OrButton.vue_vue_type_script_lang-e9677805.js';
 export { OrButtonColors, OrButtonSizes, OrButtonViews } from './OrButton/constants.js';
@@ -14,7 +14,7 @@ export { ButtonColor, ButtonType, ButtonVariant } from './OrButtonV3/props.js';
 export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-81561dd8.js';
 export { CARD_COLLECTION_LAYOUT } from './OrCardCollection/constants.js';
 export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-1f2d30f3.js';
-export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-f2d222a5.js';
+export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-d15329fd.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
 export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-a619731b.js';
@@ -33,12 +33,12 @@ export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, gree
 export { s as OrCombinedInputV3 } from '../OrCombinedInput.vue_vue_type_script_lang-cb7a88f3.js';
 export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-2cb65fae.js';
-export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-b1b13331.js';
+export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-84f80066.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-31f5d798.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-92222927.js';
 export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-b8045270.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-a0354296.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-81f3cb69.js';
 export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { s as OrError } from '../OrError.vue_vue_type_script_lang-450321b8.js';
@@ -56,20 +56,20 @@ export { s as OrHint } from '../OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 export { s as OrHintV3 } from '../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 export { s as OrIcon } from '../OrIcon.vue_vue_type_script_lang-22a17b06.js';
 export { OrIconColors, OrIconType } from './OrIcon/constants.js';
-export { s as OrIconButtonV3 } from '../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+export { s as OrIconButtonV3 } from '../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 export { IconSize as IconButtonSize, IconSize, IconVariant } from './OrIconV3/props.js';
 export { IconButtonColor } from './OrIconButtonV3/props.js';
 export { s as OrIconV3 } from '../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 export { s as OrInlineInputBoxV3 } from '../OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 export { InlineInputBoxSize, InlineInputBoxSize as InlineInputSize } from './OrInlineInputBoxV3/props.js';
-export { s as OrInlineInputV3 } from '../OrInlineInput.vue_vue_type_script_lang-3c6b0958.js';
+export { s as OrInlineInputV3 } from '../OrInlineInput.vue_vue_type_script_lang-3131ae11.js';
 export { InlineInputType } from './OrInlineInputV3/props.js';
 export { s as OrInlineTextEdit } from '../OrInlineTextEdit.vue_vue_type_script_lang-f669de9e.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-da59cd8e.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-db28519e.js';
 export { s as OrInput } from '../OrInput.vue_vue_type_script_lang-5404596e.js';
 export { s as OrInputBoxV3 } from '../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
-export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-d08b3796.js';
+export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-5f74dd08.js';
 export { InputType } from './OrInputV3/props.js';
 export { s as OrLabel } from '../OrLabel.vue_vue_type_script_lang-6243e348.js';
 export { s as OrLabelV3 } from '../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
@@ -83,23 +83,23 @@ export { LoaderViews } from './OrLoader/constants.js';
 export { s as OrLoaderV3 } from '../OrLoader.vue_vue_type_script_lang-49907820.js';
 export { LoaderColor, LoaderSize, LoaderVariant } from './OrLoaderV3/props.js';
 export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
-export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-115f2c60.js';
+export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
 export { PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { s as OrModal } from '../OrModal.vue_vue_type_script_lang-05916fd8.js';
 export { OrModalSizes } from './OrModal/constants.js';
-export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-202c4e2f.js';
+export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-31c15ba1.js';
 export { ModalSize } from './OrModalV3/props.js';
 export { s as OrNotification } from '../OrNotification.vue_vue_type_script_lang-4e5a04fa.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE } from './OrNotification/constants.js';
-export { s as OrNotificationV3 } from '../OrNotification.vue_vue_type_script_lang-463e1a82.js';
+export { s as OrNotificationV3 } from '../OrNotification.vue_vue_type_script_lang-89bbc41f.js';
 export { NotificationVariant } from './OrNotificationV3/props.js';
 export { s as OrNumberInput } from '../OrNumberInput.vue_vue_type_script_lang-d56d7155.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu.vue_vue_type_script_lang-1b4af3a6.js';
 export { s as OrOverlay } from '../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
-export { s as OrOverlayV3 } from '../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
-export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-bdc8d9fb.js';
+export { s as OrOverlayV3 } from '../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
+export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-1835d432.js';
 export { s as OrPassword } from '../OrPassword.vue_vue_type_script_lang-28c99eb3.js';
-export { s as OrPopoverV3 } from '../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+export { s as OrPopoverV3 } from '../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
 export { s as OrProgress } from '../OrProgress.vue_vue_type_script_lang-46f3abbc.js';
 export { OrProgressColors, OrProgressTypes } from './OrProgress/constants.js';
 export { s as OrProgressV3 } from '../OrProgress.vue_vue_type_script_lang-eebf69ce.js';
@@ -109,14 +109,14 @@ export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-75b6
 export { s as OrRadioGroupV3 } from '../OrRadioGroup.vue_vue_type_script_lang-dfffdd80.js';
 export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-e9ac87e8.js';
 export { s as OrSearch } from '../OrSearch.vue_vue_type_script_lang-8dbecb52.js';
-export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-940d8e1f.js';
+export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-142ab019.js';
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-ed0d9fe7.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-a8a2875f.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-1c77663e.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-0ab50e13.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-fddb063c.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
-export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-780eaa84.js';
+export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-23c6a11f.js';
 export { OrSidebarPlacement } from './OrSidebarV3/props.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle.vue_vue_type_script_lang-b768e00d.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect.vue_vue_type_script_lang-32f819ad.js';
@@ -134,12 +134,12 @@ export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-d9ee65b6.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-e1a0b91f.js';
 export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-79f2f523.js';
 export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-9129d34b.js';
-export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-9d4221f1.js';
+export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-255f33d2.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-d76e6df4.js';
-export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-09948d1f.js';
+export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-f4321103.js';
 export { TagColor, TagVariant } from './OrTagV3/props.js';
-export { s as OrTagsV3 } from '../OrTags.vue_vue_type_script_lang-71fb4f1d.js';
+export { s as OrTagsV3 } from '../OrTags.vue_vue_type_script_lang-4684a9c5.js';
 export { default as OrTeleport } from './OrTeleport/OrTeleport.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 export { s as OrTextV3 } from '../OrText.vue_vue_type_script_lang-6ce019db.js';
@@ -147,21 +147,21 @@ export { s as OrTextarea } from '../OrTextarea.vue_vue_type_script_lang-84594717
 export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-af284089.js';
 export { s as OrTextbox } from '../OrTextbox.vue_vue_type_script_lang-ed48ed9b.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-21be27c6.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-e9684fe9.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { s as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-6512c2eb.js';
 export { default as useToast } from './OrToast/composable/useToast.js';
 export { default as useQueue } from './OrToast/composable/useQueue.js';
 export { PositionsX, PositionsY, ToastType, TransitionType } from './OrToast/constants.js';
 export { default as OrToastV3 } from './OrToastV3/OrToast.js';
-export { s as OrToastContainerV3 } from '../OrToastContainer.vue_vue_type_script_lang-485ef171.js';
+export { s as OrToastContainerV3 } from '../OrToastContainer.vue_vue_type_script_lang-461fb6d1.js';
 export { default as useToastV3 } from './OrToastV3/composable/useToast.js';
 export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { t as TypesV3 } from '../types-668300dd.js';
 export { p as PropsV3 } from '../props-7be029c7.js';
 export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-ebca0d7c.js';
 export { s as OrTooltipContent } from '../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
-export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import 'vue-demi';
 import './OrIcon/OrIcon.js';
 import 'vue';
@@ -188,6 +188,7 @@ import './OrOverlayV3/styles.js';
 import './OrTeleportV3/OrTeleport.js';
 import '../hooks/useElevation.js';
 import '../utils/isVisible.js';
+import '../hooks/usePopoverState.js';
 import './OrLoader/OrLoader.js';
 import '../utils/isEmpty.js';
 import './OrTooltip/OrTooltip.js';
@@ -254,7 +255,7 @@ import '../index-968c331a.js';
 import './OrButtonV2/OrButton.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-98b935cb.js';
+import '../OrDateTimePickerMonthSelect-354e1af8.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-eff55bd9.js';
 import './OrDatePickerV3/styles.js';

package/dist/bundled/v3/hooks/index.d.ts

@@ -2,6 +2,7 @@ export { useControlAttributes } from './useControlAttributes';
 export { useElevation } from './useElevation';
 export { useIdAttribute } from './useIdAttribute';
 export { useOverflow } from './useOverflow';
+export { usePopoverState } from './usePopoverState';
 export { useResponsive } from './useResponsive';
 export { default as useToggle } from './useToggle';
 export { useValidationAttributes } from './useValidationAttributes';

package/dist/bundled/v3/hooks/index.js

@@ -2,6 +2,7 @@ export { useControlAttributes } from './useControlAttributes.js';
 export { useElevation } from './useElevation.js';
 export { useIdAttribute } from './useIdAttribute.js';
 export { useOverflow } from './useOverflow.js';
+export { usePopoverState } from './usePopoverState.js';
 export { default as useToggle } from './useToggle.js';
 export { useValidationAttributes } from './useValidationAttributes.js';
 export { default as useResponsive } from './useResponsive/useResponsive.js';

package/dist/bundled/v3/hooks/useControlAttributes.d.ts

@@ -1,8 +1,7 @@
 import { ComputedRef } from 'vue-demi';
-interface ControlAttributes {
+export interface ControlAttributes {
     readonly: ComputedRef<boolean | undefined>;
     disabled: ComputedRef<boolean | undefined>;
     'force-state': ComputedRef<string | undefined>;
 }
 export declare function useControlAttributes(): ControlAttributes;
-export {};

package/dist/bundled/v3/hooks/useElevation.js

@@ -14,7 +14,9 @@ function useElevation(element, trigger) {
   // Effects
   watch([elementRef, triggerRef], _ref => {
     let [element] = _ref;
-    if (element) setElementElevation(element);
+    if (element) {
+      setElementElevation(element);
+    }
   }, {
     immediate: true
   });

package/dist/bundled/v3/hooks/usePopoverState.d.ts

@@ -0,0 +1,11 @@
+import { Ref, SetupContext } from 'vue-demi';
+export interface PopoverState {
+    state: Ref<'open' | 'closed'>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+export interface PopoverStateOptions {
+    debounce?: number;
+}
+export declare function usePopoverState(isOpen: Ref<boolean>, context: SetupContext<('update:state' | 'open' | 'close' | any)[]>, options?: PopoverStateOptions): PopoverState;

package/dist/bundled/v3/hooks/usePopoverState.js

@@ -0,0 +1,42 @@
+import { debouncedRef } from '@vueuse/core';
+import { ref, watch } from 'vue-demi';
+
+// TODO: Remove type `any` (https://github.com/microsoft/TypeScript/issues/27808)
+// TODO: Use `defineEmits` after migration to Vue 3
+function usePopoverState(isOpen, context, options) {
+  // State
+  const state = ref(isOpen.value ? 'open' : 'closed');
+  watch(isOpen, value => {
+    state.value = value ? 'open' : 'closed';
+  });
+  const debouncedState = (options === null || options === void 0 ? void 0 : options.debounce) ? debouncedRef(state, options.debounce) : state;
+  watch(debouncedState, value => {
+    context.emit('update:state', value);
+    switch (value) {
+      case 'open':
+        context.emit('open');
+        break;
+      case 'closed':
+        context.emit('close');
+        break;
+    }
+  });
+  // Methods
+  function open() {
+    state.value = 'open';
+  }
+  function close() {
+    state.value = 'closed';
+  }
+  function toggle() {
+    state.value = state.value === 'open' ? 'closed' : 'open';
+  }
+  return {
+    state: debouncedState,
+    open,
+    close,
+    toggle
+  };
+}
+
+export { usePopoverState };

package/dist/bundled/v3/hooks/useValidationAttributes.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue-demi';
-interface ValidationAttributes {
+export interface ValidationAttributes {
     required: ComputedRef<boolean | undefined>;
     minlength: ComputedRef<number | undefined>;
     maxlength: ComputedRef<number | undefined>;
@@ -9,4 +9,3 @@ interface ValidationAttributes {
     step: ComputedRef<number | undefined>;
 }
 export declare function useValidationAttributes(): ValidationAttributes;
-export {};