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

package/dist/esm/v2/{OrTooltip-5a6e0f64.js → OrTooltip-0dc63c1a.js}

@@ -1,6 +1,7 @@
-import { useDebounceFn, useElementHover } from '@vueuse/core';
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-80459663.js';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import '@vueuse/core';
+import { u as usePopoverState } from './usePopoverState-8a95a300.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-a8950b85.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TooltipRoot = [
@@ -54,6 +55,10 @@ var script = defineComponent({
     OrPopover: __vue_component__$1
   },
   props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
     text: {
       type: String,
       default: undefined
@@ -63,51 +68,31 @@ var script = defineComponent({
       default: PopoverPlacement.Bottom
     }
   },
-  emits: ['update:state'],
-  expose: ['root', 'open', 'close'],
-  setup(props) {
+  emits: ['update:state', 'open', 'close'],
+  expose: ['root', 'state', 'open', 'close', 'toggle'],
+  setup(props, context) {
     // Refs
     const root = ref();
-    const popover = ref();
-    const popoverRoot = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
     // Styles
     const rootStyles = computed(() => ['or-tooltip-v3', ...TooltipRoot]);
     const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
-    // Methods
-    const open = useDebounceFn(() => {
-      if (hover.value) {
-        const popoverInstance = popover.value;
-        if (popoverInstance) {
-          popoverInstance.open();
-        }
-      }
-    }, 250);
-    const close = useDebounceFn(() => {
-      if (!hover.value) {
-        const popoverInstance = popover.value;
-        if (popoverInstance) {
-          popoverInstance.close();
-        }
-      }
-    }, 250);
-    // Effects
-    // #region Hover
-    const hover = useElementHover(root);
-    watch(hover, value => {
-      value ? open() : close();
+    // State
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = usePopoverState(toRef(props, 'isOpen'), context, {
+      debounce: 250
     });
-    // #endregion
     return {
       root,
-      popover,
-      popoverRoot,
       rootStyles,
       bodyStyles,
+      state,
       open,
-      close
+      close,
+      toggle
     };
   }
 });
@@ -122,10 +107,18 @@ var __vue_render__ = function () {
   var _c = _vm._self._c || _h;
   return _c('div', {
     ref: "root",
-    class: _vm.rootStyles
+    class: _vm.rootStyles,
+    on: {
+      "mouseenter": function ($event) {
+        return _vm.open();
+      },
+      "mouseleave": function ($event) {
+        return _vm.close();
+      }
+    }
   }, [_vm._t("default"), _vm._v(" "), _vm.text ? [_c('OrPopover', {
-    ref: "popover",
     attrs: {
+      "is-open": _vm.state === 'open',
       "variant": 'popover',
       "trigger": _vm.root,
       "placement": _vm.placement,
@@ -134,7 +127,7 @@ var __vue_render__ = function () {
     },
     on: {
       "update:state": function ($event) {
-        return _vm.$emit('update:state', $event);
+        _vm.state = $event;
       }
     }
   }, [_c('div', {

package/dist/esm/v2/components/index.js

@@ -1,6 +1,6 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-2b00cd61.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from '../OrAvatar-3df48865.js';
-export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../OrBottomSheet-ffa029ca.js';
+export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../OrBottomSheet-0592ccb2.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-bafb6cad.js';
 export { _ as OrButtonV2 } from '../OrButton-b60290c4.js';
 export { _ as OrIconButton, _ as OrIconButtonV2 } from '../OrIconButton-544ee642.js';
@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-9622e713.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-4eb5c533.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-02970752.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-2b9bc050.js';
 export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
 export { _ as OrCarousel } from '../OrCarousel-b220cf82.js';
 export { _ as OrCarouselItem } from '../OrCarouselItem-c614bab9.js';
@@ -25,10 +25,10 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-9c2b15fe.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-7f3c0ee9.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 export { _ as OrConfirm } from '../OrConfirm-f4eec5b2.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-308e93bc.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-a79b777e.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-3f19c23b.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-e991e7b2.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-fb410167.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-6fe4969d.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-7bbd81d1.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from '../OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-a55ae01a.js';
@@ -40,14 +40,14 @@ export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../OrFormGroup-29a5
 export { _ as OrHint } from '../OrHint-7eadc91e.js';
 export { _ as OrHintV3 } from '../OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-fa826b6b.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-ee747c71.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-75972865.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from '../OrIcon-d35a84d8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from '../OrInlineInputBox-19b49ee6.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-a131caf4.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-cf17dbb2.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-f52267aa.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-7cc45396.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-2b0e2f39.js';
 export { _ as OrInput } from '../OrInput-014d2e47.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-3eeca714.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-1a2b8ad9.js';
 export { _ as OrLabel } from '../OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-63380256.js';
 export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-3679a61f.js';
@@ -56,17 +56,17 @@ export { _ as OrListOfInputs } from '../OrListOfInputs-9b7522fa.js';
 export { L as LoaderViews, _ as OrLoader } from '../OrLoader-0cc7c73e.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from '../OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from '../OrMenuItem-6f9b8a93.js';
-export { _ as OrMenuV3 } from '../OrMenu-8b902c22.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-80459663.js';
+export { _ as OrMenuV3 } from '../OrMenu-a35caf3b.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-a8950b85.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-206611f2.js';
-export { M as ModalSize, _ as OrModalV3 } from '../OrModal-1f80d87f.js';
+export { M as ModalSize, _ as OrModalV3 } from '../OrModal-4aaae6bc.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-44bc1f50.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-16e6d4ff.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-a773f1df.js';
 export { _ as OrNumberInput } from '../OrNumberInput-fcbcf229.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-e3ae75a3.js';
 export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
-export { _ as OrOverlayV3 } from '../OrOverlay-4c8c11e2.js';
-export { _ as OrPaginationV3 } from '../OrPagination-36583054.js';
+export { _ as OrOverlayV3 } from '../OrOverlay-f791976c.js';
+export { _ as OrPaginationV3 } from '../OrPagination-3513165d.js';
 export { _ as OrPassword } from '../OrPassword-1de0dc6c.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-65968c24.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-102e3b5d.js';
@@ -75,13 +75,13 @@ export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from '../OrRadioGroup-0de37d76.js';
 export { _ as OrRadioV3 } from '../OrRadio-a812088f.js';
 export { _ as OrSearch } from '../OrSearch-e2941d35.js';
-export { _ as OrSearchV3 } from '../OrSearch-fa824e87.js';
+export { _ as OrSearchV3 } from '../OrSearch-19c157b3.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-49239b74.js';
-export { _ as OrSelectV3 } from '../OrSelect-d5fecc34.js';
+export { _ as OrSelectV3 } from '../OrSelect-991b8be3.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from '../OrSidebar-638b1d60.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-2c81d465.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-bfbb8b0a.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-a98037d6.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from '../OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from '../OrSkeletonText-bd5d97bb.js';
@@ -98,29 +98,30 @@ export { _ as OrTab } from '../OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from '../OrTab-5b198746.js';
 export { _ as OrTabs } from '../OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-653258a2.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-abf290af.js';
 export { _ as OrTag } from '../OrTag-54778d09.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-6256623c.js';
-export { _ as OrTagsV3 } from '../OrTags-db2608dc.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-aa46cecd.js';
+export { _ as OrTagsV3 } from '../OrTags-2a567e79.js';
 export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from '../OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from '../OrText-44449e7b.js';
 export { _ as OrTextarea } from '../OrTextarea-d36f4ec6.js';
 export { _ as OrTextareaV3 } from '../OrTextarea-e5c66426.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-c85d7fe6.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-5470d7a0.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-766637cb.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-7017d12b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-b5ea5cb2.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-4a7d24f3.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-f30860ee.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a1332cc2.js';
 export { _ as OrTooltip } from '../OrTooltip-0bbf1ed5.js';
 export { _ as OrTooltipContent } from '../OrTooltipContent-57a25502.js';
-export { _ as OrTooltipV3 } from '../OrTooltip-5a6e0f64.js';
+export { _ as OrTooltipV3 } from '../OrTooltip-0dc63c1a.js';
 import 'vue-demi';
 import '../style-inject.es-4c6f2515.js';
 import '../normalize-component-6e8e3d80.js';
 import '../color-40b7fe6b.js';
 import '@vueuse/core';
+import '../usePopoverState-8a95a300.js';
 import '../OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
 import '@splidejs/splide';
 import '@splidejs/splide/dist/css/splide.min.css';
@@ -144,7 +145,7 @@ import 'lodash/get';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
 import '../OrDateTimePickerPopoverHeader-a84af34e.js';
-import '../OrDateTimePickerMonthSelect-355ea67d.js';
+import '../OrDateTimePickerMonthSelect-d75a849c.js';
 import 'lodash/padStart';
 import '../OrDateTimePickerTimeSelect-eecdd8ab.js';
 import '@floating-ui/dom';
@@ -156,7 +157,7 @@ import 'lodash/cloneDeep';
 import 'lodash/isEqual';
 import 'uuid';
 import 'sortablejs';
-import '../useElevation-b5a49746.js';
+import '../useElevation-a50ec347.js';
 import '@vueuse/integrations/useFocusTrap';
 import '../useToggle-c04fc920.js';
 import 'lodash/round';

package/dist/esm/v2/components/or-bottom-sheet-v3/OrBottomSheet.vue.d.ts

@@ -5,23 +5,31 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    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>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    fullscreen: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
-    close: (auto?: boolean) => void;
+    close: () => void;
+    toggle: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     variant: {
         type: PropType<"basic" | "advanced">;
         default: BottomSheetVariant;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     variant: {
         type: PropType<"basic" | "advanced">;
         default: BottomSheetVariant;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isOpen: boolean;
     variant: "basic" | "advanced";
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -30,17 +38,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    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>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    fullscreen: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
-    close: (auto?: boolean) => void;
+    close: () => void;
+    toggle: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    isOpen: boolean;
     variant: "basic" | "advanced";
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     variant: "basic" | "advanced";
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-bottom-sheet-v3/index.js

@@ -1,8 +1,9 @@
-export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../../OrBottomSheet-ffa029ca.js';
+export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../../OrBottomSheet-0592ccb2.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../OrOverlay-4c8c11e2.js';
-import '../../useElevation-b5a49746.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrOverlay-f791976c.js';
+import '../../useElevation-a50ec347.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-card-collection-v3/index.js

@@ -1,24 +1,25 @@
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-02970752.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-2b9bc050.js';
 import 'vue-demi';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '@vueuse/core';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-ee747c71.js';
+import '../../OrIconButton-75972865.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-5a6e0f64.js';
-import '../../OrPopover-80459663.js';
+import '../../OrTooltip-0dc63c1a.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
+import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-ffa029ca.js';
-import '../../OrOverlay-4c8c11e2.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrMenuItem-6f9b8a93.js';
-import '../../OrMenu-8b902c22.js';
-import '../../OrSearch-fa824e87.js';
-import '../../OrInput-3eeca714.js';
+import '../../OrMenu-a35caf3b.js';
+import '../../OrSearch-19c157b3.js';
+import '../../OrInput-1a2b8ad9.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';

package/dist/esm/v2/components/or-confirm-v3/OrConfirm.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
     touched: import("@vue/composition-api").Ref<boolean>;
-    isActive: import("@vue/composition-api").Ref<boolean>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     isInputActive: import("@vue/composition-api").Ref<boolean>;
     escape: import("@vue/composition-api").ComputedRef<boolean>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -32,6 +32,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onInputFocus: () => void;
     onInputBlur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     titleText: {
         type: StringConstructor;
         required: false;
@@ -39,22 +43,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     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: {
@@ -64,30 +64,25 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     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;
+        default: undefined;
     };
+}, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
-        required: false;
-        default: undefined;
+        default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -95,22 +90,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     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: {
@@ -120,30 +111,22 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     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;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -154,7 +137,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -174,7 +156,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
     touched: import("@vue/composition-api").Ref<boolean>;
-    isActive: import("@vue/composition-api").Ref<boolean>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     isInputActive: import("@vue/composition-api").Ref<boolean>;
     escape: import("@vue/composition-api").ComputedRef<boolean>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -188,6 +170,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onInputFocus: () => void;
     onInputBlur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -198,10 +181,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -212,6 +195,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-confirm-v3/index.js

@@ -1,24 +1,25 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-308e93bc.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-3f19c23b.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
+import '../../usePopoverState-8a95a300.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrInput-3eeca714.js';
+import '../../OrInput-1a2b8ad9.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-ee747c71.js';
+import '../../OrIconButton-75972865.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-5a6e0f64.js';
-import '../../OrPopover-80459663.js';
+import '../../OrTooltip-0dc63c1a.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
-import '../../OrBottomSheet-ffa029ca.js';
-import '../../OrOverlay-4c8c11e2.js';
+import '../../useElevation-a50ec347.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrInputBox-7f3c0ee9.js';

package/dist/esm/v2/components/or-date-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrDatePickerV3 } from '../../OrDatePicker-a79b777e.js';
+export { _ as OrDatePickerV3 } from '../../OrDatePicker-e991e7b2.js';
 export { I as DatePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,20 +8,21 @@ import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerMonthSelect-355ea67d.js';
-import '../../OrIconButton-ee747c71.js';
+import '../../OrDateTimePickerMonthSelect-d75a849c.js';
+import '../../OrIconButton-75972865.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-5a6e0f64.js';
-import '../../OrPopover-80459663.js';
+import '../../OrTooltip-0dc63c1a.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
+import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-ffa029ca.js';
-import '../../OrOverlay-4c8c11e2.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrMenuItem-6f9b8a93.js';
-import '../../OrMenu-8b902c22.js';
+import '../../OrMenu-a35caf3b.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
 import '../../OrInputBox-7f3c0ee9.js';