@onereach/ui-components 4.6.0 → 4.6.1-beta.2760.0

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

@@ -1,16 +1,16 @@
-import { s as script } from '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
-export { s as default } from '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import { s as script } from '../../OrTooltip.vue_vue_type_script_lang-de8c7ff1.js';
+export { s as default } from '../../OrTooltip.vue_vue_type_script_lang-de8c7ff1.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
-import '@vueuse/core';
 import 'vue-demi';
 import './styles.js';
+import '@vueuse/core';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-3592b581.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-c3a0e7b5.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
@@ -20,29 +20,33 @@ import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrPopover = resolveComponent("OrPopover");
   return openBlock(), createElementBlock("div", {
     ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
+    class: normalizeClass(_ctx.rootStyles),
+    onMouseenter: _cache[2] || (_cache[2] = $event => _ctx.open()),
+    onMouseleave: _cache[3] || (_cache[3] = $event => _ctx.close())
   }, [renderSlot(_ctx.$slots, "default"), _ctx.text ? (openBlock(), createBlock(_component_OrPopover, {
     key: 0,
-    ref: "popover",
+    "is-open": _ctx.state === 'open',
     variant: 'popover',
     trigger: _ctx.root,
     placement: _ctx.placement,
     "full-width": false,
     "disable-default-styles": true,
-    "onUpdate:state": _cache[0] || (_cache[0] = $event => _ctx.$emit('update:state', $event))
+    onOpen: _cache[0] || (_cache[0] = $event => _ctx.open()),
+    onClose: _cache[1] || (_cache[1] = $event => _ctx.close())
   }, {
     default: withCtx(() => [createElementVNode("div", {
       class: normalizeClass(_ctx.bodyStyles)
     }, toDisplayString(_ctx.text), 3 /* TEXT, CLASS */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger", "placement"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["is-open", "trigger", "placement"])) : createCommentVNode("v-if", true)], 34 /* CLASS, HYDRATE_EVENTS */);
 }
 
 script.render = render;

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

@@ -1,35 +1,45 @@
 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: Readonly<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, ("open" | "close")[], "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,14 +1,14 @@
-export { s as OrTooltipV3 } from '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+export { s as OrTooltipV3 } from '../../OrTooltip.vue_vue_type_script_lang-de8c7ff1.js';
 export { PopoverPlacement as TooltipPlacement } from '../OrPopoverV3/props.js';
-import '@vueuse/core';
 import 'vue-demi';
 import './styles.js';
+import '@vueuse/core';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-3592b581.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-c3a0e7b5.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
@@ -19,4 +19,5 @@ 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-2d5de9d4.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-c3a0e7b5.js';
 export { BottomSheetVariant } from './OrBottomSheetV3/props.js';
 export { s as OrButton } from '../OrButton.vue_vue_type_script_lang-ed520a05.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-d3f43900.js';
-export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-34390dfe.js';
+export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-1a19b8ba.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-5222cb8d.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-e5a8f92a.js';
-export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-e1390930.js';
+export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-a379bae2.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-ff4f4060.js';
 export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-6fd7c75e.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-610e4408.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-5d628c6c.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-e5349e49.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-17f98298.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-9317d5a9.js';
 export { InlineInputType } from './OrInlineInputV3/props.js';
 export { s as OrInlineTextEdit } from '../OrInlineTextEdit.vue_vue_type_script_lang-869c7772.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-e89beaab.js';
 export { s as OrInput } from '../OrInput.vue_vue_type_script_lang-4067879f.js';
 export { s as OrInputBoxV3 } from '../OrInputBox.vue_vue_type_script_lang-a21db166.js';
-export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-6242286b.js';
+export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-655989d4.js';
 export { InputType } from './OrInputV3/props.js';
 export { s as OrLabel } from '../OrLabel.vue_vue_type_script_lang-95601b40.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-a8e1eb6d.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-ae842e5b.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-fe580c66.js';
 export { ModalSize } from './OrModalV3/props.js';
 export { s as OrNotification } from '../OrNotification.vue_vue_type_script_lang-cf2e272c.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-664a7d4d.js';
 export { NotificationVariant } from './OrNotificationV3/props.js';
 export { s as OrNumberInput } from '../OrNumberInput.vue_vue_type_script_lang-55c5ea8f.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu.vue_vue_type_script_lang-fe2d0395.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 OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-85cdf374.js';
 export { s as OrPassword } from '../OrPassword.vue_vue_type_script_lang-1f5d2a91.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-3592b581.js';
 export { s as OrProgress } from '../OrProgress.vue_vue_type_script_lang-26d7b3da.js';
 export { OrProgressColors, OrProgressTypes } from './OrProgress/constants.js';
 export { s as OrProgressV3 } from '../OrProgress.vue_vue_type_script_lang-0edde459.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-7ac93e50.js';
-export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-0bcc597c.js';
+export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-b402fffd.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-29a48259.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-819822b5.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-3ef33dde.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-00e9cda7.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
-export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-f8fc78e3.js';
+export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-9c48413e.js';
 export { OrSidebarPlacement } from './OrSidebarV3/props.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle.vue_vue_type_script_lang-aa467e8d.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect.vue_vue_type_script_lang-659fb605.js';
@@ -134,12 +134,12 @@ export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-71e4fa50.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-29f331ec.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-5836b8bd.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-597d9726.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-4e98d8a0.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-3a636796.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-325c7158.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-048cb245
 export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-7b74a80e.js';
 export { s as OrTextbox } from '../OrTextbox.vue_vue_type_script_lang-dad835c3.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-d4387a74.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { s as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-b8184db5.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-7caa56c5.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-76a6b7f4.js';
 export { s as OrTooltipContent } from '../OrTooltipContent.vue_vue_type_script_lang-969c20ed.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-de8c7ff1.js';
 import 'vue-demi';
 import 'lodash';
 import './OrIcon/OrIcon.js';
@@ -187,6 +187,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 './OrTooltip/OrTooltip.js';
 import './OrButtonV3/styles.js';
@@ -250,13 +251,13 @@ import '../index-968c331a.js';
 import './OrButtonV2/OrButton.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-387c2096.js';
+import '../OrDateTimePickerMonthSelect-1cc50ebb.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import '../OrDateTimePickerPopoverHeader-f81b902f.js';
+import '../OrDateTimePickerPopoverHeader-1e3c0ace.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
-import '../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../OrDateTimePickerTimeSelect-f43e1818.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/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/usePopoverState.d.ts

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

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

@@ -0,0 +1,37 @@
+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) {
+  // State
+  const state = ref(isOpen.value ? 'open' : 'closed');
+  watch(isOpen, value => {
+    state.value = value ? 'open' : 'closed';
+  });
+  watch(state, value => {
+    switch (value) {
+      case 'open':
+        return context.emit('open');
+      case 'closed':
+        return context.emit('close');
+    }
+  });
+  // Methods
+  function open() {
+    state.value = 'open';
+  }
+  function close() {
+    state.value = 'closed';
+  }
+  function toggle() {
+    state.value = state.value === 'open' ? 'closed' : 'open';
+  }
+  return {
+    state,
+    open,
+    close,
+    toggle
+  };
+}
+
+export { usePopoverState };