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

package/dist/esm/v2/{OrSidebar-14c20b74.js → OrSidebar-83f6add2.js}

@@ -1,7 +1,7 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-2efb05f9.js';
+import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-357732ba.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-2efb05f9.js → OrSidebarCollapseButton-357732ba.js}

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-ee747c71.js';
+import { _ as __vue_component__$1 } from './OrIconButton-4fdb749c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrSidebarPlacement;

package/dist/esm/v2/{OrTabs-653258a2.js → OrTabs-419ebf1c.js}

@@ -2,8 +2,8 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$2 } from './OrMenu-8b902c22.js';
-import './OrPopover-80459663.js';
+import { _ as __vue_component__$2 } from './OrMenu-9bd9f2fd.js';
+import './OrPopover-238620ae.js';
 import { _ as __vue_component__$4 } from './OrTab-5b198746.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTag-6256623c.js → OrTag-a9ca8c34.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-ee747c71.js';
+import { _ as __vue_component__$1 } from './OrIconButton-4fdb749c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/esm/v2/{OrTags-db2608dc.js → OrTags-d2548f30.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrButton-9622e713.js';
-import { _ as __vue_component__$2 } from './OrPopover-80459663.js';
-import { _ as __vue_component__$3 } from './OrTag-6256623c.js';
+import { _ as __vue_component__$2 } from './OrPopover-238620ae.js';
+import { _ as __vue_component__$3 } from './OrTag-a9ca8c34.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Tags = [

package/dist/esm/v2/{OrTimePicker-696e29ed.js → OrTimePicker-3fe70b04.js}

@@ -1,15 +1,15 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-aed7d33d.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-b6f8193b.js';
+import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-e1b6fcf6.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$9 } from './OrIconButton-ee747c71.js';
+import { _ as __vue_component__$9 } from './OrIconButton-4fdb749c.js';
 import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$a } from './OrInputBox-d36b1323.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { _ as __vue_component__$b } from './OrLabel-63380256.js';
-import { _ as __vue_component__$c } from './OrPopover-80459663.js';
+import { _ as __vue_component__$c } from './OrPopover-238620ae.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TimePicker = [
@@ -256,7 +256,7 @@ var __vue_render__ = function () {
       "placement": 'bottom-start'
     },
     on: {
-      "update:state:closed-automatically": function ($event) {
+      "close": function ($event) {
         return _vm.reset();
       }
     }
@@ -300,7 +300,6 @@ var __vue_render__ = function () {
     },
     on: {
       "click": function ($event) {
-        $event.stopPropagation();
         return _vm.$emit('update:modelValue', undefined);
       }
     }

package/dist/esm/v2/{OrTooltip-5a6e0f64.js → OrTooltip-e9e967e3.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 { refDebounced } from '@vueuse/core';
+import { u as usePopoverState } from './usePopoverState-4cb59ae5.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-238620ae.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,29 @@ var script = defineComponent({
       default: PopoverPlacement.Bottom
     }
   },
-  emits: ['update:state'],
-  expose: ['root', 'open', 'close'],
-  setup(props) {
+  emits: ['open', 'close'],
+  expose: ['root', '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();
-    });
-    // #endregion
+    // State
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = usePopoverState(toRef(props, 'isOpen'), context);
     return {
       root,
-      popover,
-      popoverRoot,
       rootStyles,
       bodyStyles,
+      state: refDebounced(state, 250),
       open,
-      close
+      close,
+      toggle
     };
   }
 });
@@ -122,10 +105,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,
@@ -133,8 +124,11 @@ var __vue_render__ = function () {
       "disable-default-styles": true
     },
     on: {
-      "update:state": function ($event) {
-        return _vm.$emit('update:state', $event);
+      "open": function ($event) {
+        return _vm.open();
+      },
+      "close": function ($event) {
+        return _vm.close();
       }
     }
   }, [_c('div', {

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

@@ -1,6 +1,6 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-7c024521.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-d766008a.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-b4a39652.js';
 export { _ as OrButtonV2 } from '../OrButton-dbf0efe7.js';
 export { _ as OrIconButton, _ as OrIconButtonV2 } from '../OrIconButton-83608cbc.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-fe8a1a88.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-e23d4238.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-92ae053a.js';
 export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
 export { _ as OrCarousel } from '../OrCarousel-76dc2b7b.js';
 export { _ as OrCarouselItem } from '../OrCarouselItem-c614bab9.js';
@@ -25,10 +25,10 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-5994d9fc.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-d36b1323.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-fe250f7a.js';
 export { _ as OrConfirm } from '../OrConfirm-d0d9d56c.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-8ec55f84.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-b6ebf44a.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-be3a54ef.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-da08968e.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-77ef1975.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-85c08b90.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-3797a712.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-fe65fbe6.js';
 export { _ as OrHintV3 } from '../OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-a40e60af.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-ee747c71.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-4fdb749c.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-d5c5d651.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-601163c3.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-7cc45396.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-bbbb2b82.js';
 export { _ as OrInput } from '../OrInput-bc2371b6.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-8c7b3cce.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-166bf64a.js';
 export { _ as OrLabel } from '../OrLabel-931394a5.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-fa926159.js';
 export { L as LoaderViews, _ as OrLoader } from '../OrLoader-212ef381.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-9bd9f2fd.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-238620ae.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-3f09ae47.js';
-export { M as ModalSize, _ as OrModalV3 } from '../OrModal-1f80d87f.js';
+export { M as ModalSize, _ as OrModalV3 } from '../OrModal-79424061.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-bfa97981.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-16e6d4ff.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-1cc97f8e.js';
 export { _ as OrNumberInput } from '../OrNumberInput-5b1135df.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-13fac7a3.js';
 export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from '../OrOverlay-4c8c11e2.js';
-export { _ as OrPaginationV3 } from '../OrPagination-36583054.js';
+export { _ as OrPaginationV3 } from '../OrPagination-43b3bf99.js';
 export { _ as OrPassword } from '../OrPassword-82877067.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-e6f20dc1.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-29957e64.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-330e9af0.js';
-export { _ as OrSearchV3 } from '../OrSearch-5aa8154f.js';
+export { _ as OrSearchV3 } from '../OrSearch-4a2cfe75.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-22eea9cc.js';
-export { _ as OrSelectV3 } from '../OrSelect-31d265b9.js';
+export { _ as OrSelectV3 } from '../OrSelect-301d2a6b.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
-export { _ as OrSidebarV3 } from '../OrSidebar-14c20b74.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-2efb05f9.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-83f6add2.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-357732ba.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-db96ddb6.js';
 export { _ as OrSkeletonRect } from '../OrSkeletonRect-8df5791c.js';
 export { _ as OrSkeletonText } from '../OrSkeletonText-8063af02.js';
@@ -98,30 +98,31 @@ export { _ as OrTab } from '../OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-46947417.js';
 export { _ as OrTabV3 } from '../OrTab-5b198746.js';
 export { _ as OrTabs } from '../OrTabs-1b314eeb.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-653258a2.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-419ebf1c.js';
 export { _ as OrTag } from '../OrTag-8ded4261.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-a9ca8c34.js';
+export { _ as OrTagsV3 } from '../OrTags-d2548f30.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-226ab7a2.js';
 export { _ as OrTextareaV3 } from '../OrTextarea-eaadb85f.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-90badc95.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-696e29ed.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-3fe70b04.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-2f530752.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-3d410a76.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a1332cc2.js';
 export { _ as OrTooltip } from '../OrTooltip-97a42707.js';
 export { _ as OrTooltipContent } from '../OrTooltipContent-d85e1071.js';
-export { _ as OrTooltipV3 } from '../OrTooltip-5a6e0f64.js';
+export { _ as OrTooltipV3 } from '../OrTooltip-e9e967e3.js';
 import 'vue-demi';
 import 'lodash';
 import '../style-inject.es-4c6f2515.js';
 import '../normalize-component-6e8e3d80.js';
 import '../color-40b7fe6b.js';
 import '@vueuse/core';
+import '../usePopoverState-4cb59ae5.js';
 import '../OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
 import '@splidejs/splide';
 import '@splidejs/splide/dist/css/splide.min.css';
@@ -142,9 +143,9 @@ import '../px-to-rem-0b26b83e.js';
 import '../dom-7a41831b.js';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
-import '../OrDateTimePickerPopoverHeader-9e49aba0.js';
-import '../OrDateTimePickerMonthSelect-e35404a7.js';
-import '../OrDateTimePickerTimeSelect-aed7d33d.js';
+import '../OrDateTimePickerPopoverHeader-b6f8193b.js';
+import '../OrDateTimePickerMonthSelect-3a7cd5e8.js';
+import '../OrDateTimePickerTimeSelect-e1b6fcf6.js';
 import '@floating-ui/dom';
 import '../OrTooltip.vue_rollup-plugin-vue_styles.0-a256ac18.js';
 import '../useValidationAttributes-d1abbe34.js';

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,6 +1,7 @@
-export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../../OrBottomSheet-ffa029ca.js';
+export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../../OrBottomSheet-d766008a.js';
 import '@vueuse/core';
 import 'vue-demi';
+import '../../usePopoverState-4cb59ae5.js';
 import '../../OrOverlay-4c8c11e2.js';
 import '../../useElevation-b5a49746.js';
 import '../../OrTeleport.vue2-424c7f33.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-e23d4238.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-92ae053a.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-4fdb749c.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-5a6e0f64.js';
-import '../../OrPopover-80459663.js';
+import '../../OrTooltip-e9e967e3.js';
+import '../../usePopoverState-4cb59ae5.js';
+import '../../OrPopover-238620ae.js';
 import '@floating-ui/dom';
 import '../../useElevation-b5a49746.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-ffa029ca.js';
+import '../../OrBottomSheet-d766008a.js';
 import '../../OrOverlay-4c8c11e2.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrMenuItem-6f9b8a93.js';
-import '../../OrMenu-8b902c22.js';
-import '../../OrSearch-5aa8154f.js';
-import '../../OrInput-8c7b3cce.js';
+import '../../OrMenu-9bd9f2fd.js';
+import '../../OrSearch-4a2cfe75.js';
+import '../../OrInput-166bf64a.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;