@onereach/ui-components 4.6.4-beta.2804.0 → 4.6.4

package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-b1b13331.js';
-export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-b1b13331.js';
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-84f80066.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-84f80066.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 import '@vueuse/core';
 import '../../index-968c331a.js';
@@ -7,7 +7,7 @@ import 'vue-demi';
 import './props.js';
 import './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';
@@ -22,7 +22,7 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
+import '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -37,21 +37,22 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/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 '../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-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
@@ -72,9 +73,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrInput = resolveComponent("OrInput");
   const _component_OrButton = resolveComponent("OrButton");
   const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
+  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
     key: 0,
-    fullscreen: ""
+    fullscreen: true
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps({
       ref: "root"

package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.vue.d.ts

@@ -2,6 +2,10 @@ import { PropType } from 'vue-demi';
 import { ButtonColor } from '../or-button-v3';
 import { ConfirmType } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     titleText: {
         type: StringConstructor;
         required: false;
@@ -9,22 +13,18 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     confirmButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     cancelButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     confirmType: {
         type: PropType<ConfirmType>;
-        required: false;
         default: ConfirmType;
     };
     loading: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     disabled: {
@@ -34,27 +34,18 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     confirmationText: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationLabel: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationPlaceholder: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationError: {
         type: StringConstructor;
-        required: false;
-        default: null;
-    };
-    isOpen: {
-        type: BooleanConstructor;
-        required: false;
         default: undefined;
     };
 }, {
@@ -66,7 +57,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     isInvalid: import("vue-demi").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("vue-demi").ComputedRef<boolean>;
     touched: import("vue-demi").Ref<boolean>;
-    isActive: import("vue-demi").Ref<boolean>;
+    state: import("vue-demi").Ref<"open" | "closed">;
     isInputActive: import("vue-demi").Ref<boolean>;
     escape: import("vue-demi").ComputedRef<boolean>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -79,7 +70,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     close: () => void;
     onInputFocus: () => void;
     onInputBlur: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("open" | "close" | "confirm")[], "open" | "close" | "confirm", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close" | "confirm")[], "update:state" | "open" | "close" | "confirm", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     titleText: {
         type: StringConstructor;
         required: false;
@@ -87,22 +82,18 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     confirmButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     cancelButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     confirmType: {
         type: PropType<ConfirmType>;
-        required: false;
         default: ConfirmType;
     };
     loading: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     disabled: {
@@ -112,34 +103,27 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     confirmationText: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationLabel: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationPlaceholder: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationError: {
         type: StringConstructor;
-        required: false;
-        default: null;
-    };
-    isOpen: {
-        type: BooleanConstructor;
-        required: false;
         default: undefined;
     };
 }>> & {
     onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -150,6 +134,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
 }>;
 export default _default;

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

@@ -1,11 +1,11 @@
 export { ConfirmType } from './props.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';
 import '@vueuse/core';
 import '../../index-968c331a.js';
 import 'vue-demi';
 import './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';
@@ -21,7 +21,7 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
+import '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -36,21 +36,22 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/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 '../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-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';

package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-31f5d798.js';
-export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-31f5d798.js';
+import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-92222927.js';
+export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-92222927.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-98b935cb.js';
+import '../../OrDateTimePickerMonthSelect-354e1af8.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
@@ -19,31 +19,32 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/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 '../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-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 '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
+import '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
@@ -134,7 +135,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       },
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom-start',
-      "onUpdate:state:closedAutomatically": _cache[5] || (_cache[5] = $event => _ctx.reset())
+      onClose: _cache[5] || (_cache[5] = $event => _ctx.reset())
     }, {
       default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
         default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {

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

@@ -1,8 +1,8 @@
-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 { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-98b935cb.js';
+import '../../OrDateTimePickerMonthSelect-354e1af8.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import 'vue';
 import '../OrButtonV3/OrButton.js';
@@ -19,31 +19,32 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/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 '../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-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 '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
+import '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-a0354296.js';
-export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-a0354296.js';
+import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-81f3cb69.js';
+export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-81f3cb69.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-98b935cb.js';
+import '../../OrDateTimePickerMonthSelect-354e1af8.js';
 import './hooks/useDatePlaceholder.js';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
@@ -19,31 +19,32 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/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 '../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-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 '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
+import '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
@@ -144,7 +145,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       },
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom-start',
-      "onUpdate:state:closedAutomatically": _cache[6] || (_cache[6] = $event => _ctx.reset())
+      onClose: _cache[6] || (_cache[6] = $event => _ctx.reset())
     }, {
       default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
         default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {
@@ -193,7 +194,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       },
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom-start',
-      "onUpdate:state:closedAutomatically": _cache[10] || (_cache[10] = $event => _ctx.reset())
+      onClose: _cache[10] || (_cache[10] = $event => _ctx.reset())
     }, {
       default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
         default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {

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

@@ -1,8 +1,8 @@
-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 { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-98b935cb.js';
+import '../../OrDateTimePickerMonthSelect-354e1af8.js';
 import './hooks/useDatePlaceholder.js';
 import 'vue';
 import '../OrButtonV3/OrButton.js';
@@ -19,31 +19,32 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/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 '../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-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 '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
+import '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';

package/dist/bundled/v3/components/OrIconButtonV3/OrIconButton.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
-export { s as default } from '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import { s as script } from '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
+export { s as default } from '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 import 'vue-demi';
 import './props.js';
@@ -9,25 +9,26 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/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/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-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 '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 
 const _hoisted_1 = ["selected", "disabled"];

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

@@ -1,5 +1,5 @@
 export { IconButtonColor } from './props.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 } from '../OrIconV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -8,23 +8,24 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import 'vue';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/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/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-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 '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInlineInput.vue_vue_type_script_lang-3c6b0958.js';
-export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-3c6b0958.js';
+import { s as script } from '../../OrInlineInput.vue_vue_type_script_lang-3131ae11.js';
+export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-3131ae11.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -13,7 +13,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -21,25 +21,26 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/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/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-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 '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInlineInputBoxV3/OrInlineInputBox.js';
 import '../../OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';