@onereach/ui-components 4.7.0-beta.2809.0 → 4.7.0-beta.2811.0

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,14 +1,15 @@
-import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
-import { o as onClickOutside } from '../../index-2ae26715.js';
-import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
+import { a as autoUpdate, c as computePosition, s as shift, f as flip, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
+import { o as onClickOutside } from '../../index-6d94f832.js';
+import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './styles.js';
 import __vue_component__$1 from '../OrBottomSheetV3/OrBottomSheet.js';
 import __vue_component__$2 from '../OrTeleportV3/OrTeleport.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
+import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { useElevation } from '../../hooks/useElevation.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../index-cbe0a12b.js';
+import '../../index-8a1b5b9c.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
@@ -24,6 +25,10 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
     variant: {
       type: String,
       default: PopoverVariant.Auto
@@ -53,8 +58,8 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:state', 'update:state:open', 'update:state:fullscreen', 'update:state:closed', 'update:state:closed-automatically'],
-  expose: ['root', 'state', 'isOpen', 'isFullscreen', 'isClosed', 'isFlipped', 'open', 'close'],
+  emits: ['update:state', 'open', 'close'],
+  expose: ['root', 'state', 'isFlipped', 'isHidden', 'open', 'close', 'toggle'],
   setup(props, context) {
     const {
       isDesktop,
@@ -71,89 +76,14 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot, ...props.customStyles]);
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
     // State
-    const state = ref('closed');
-    const isOpen = computed(() => state.value === 'open');
-    const isFullscreen = computed(() => state.value === 'fullscreen');
-    const isClosed = computed(() => state.value === 'closed');
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = usePopoverState(toRef(props, 'isOpen'), context);
     const isFlipped = ref(false);
-    // Events
-    watch(state, value => {
-      context.emit('update:state', value);
-      switch (value) {
-        case 'open':
-          context.emit('update:state:open');
-          break;
-        case 'fullscreen':
-          context.emit('update:state:fullscreen');
-          break;
-        case 'closed':
-          context.emit('update:state:closed');
-          break;
-      }
-    });
-    // Methods
-    function open() {
-      state.value = 'open';
-      switch (props.variant) {
-        case PopoverVariant.Auto:
-          if (isMobile.value) {
-            nextTick(() => {
-              const bottomSheetInstance = bottomSheet.value;
-              if (bottomSheetInstance) {
-                bottomSheetInstance.open();
-              }
-            });
-          }
-          break;
-        case PopoverVariant.Popover:
-          break;
-        case PopoverVariant.BottomSheet:
-          nextTick(() => {
-            const bottomSheetInstance = bottomSheet.value;
-            if (bottomSheetInstance) {
-              bottomSheetInstance.open();
-            }
-          });
-          break;
-      }
-    }
-    function close() {
-      let auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      state.value = 'closed';
-      switch (props.variant) {
-        case PopoverVariant.Auto:
-          if (isMobile.value) {
-            nextTick(() => {
-              const bottomSheetInstance = bottomSheet.value;
-              if (bottomSheetInstance) {
-                bottomSheetInstance.close();
-              }
-            });
-          }
-          break;
-        case PopoverVariant.Popover:
-          break;
-        case PopoverVariant.BottomSheet:
-          nextTick(() => {
-            const bottomSheetInstance = bottomSheet.value;
-            if (bottomSheetInstance) {
-              bottomSheetInstance.close();
-            }
-          });
-          break;
-      }
-      if (auto) {
-        context.emit('update:state:closed-automatically');
-      }
-    }
-    // Handlers
-    function handleBottomSheetState(bottomSheetState) {
-      if (bottomSheetState === 'closed') {
-        state.value = 'closed';
-      } else {
-        state.value = 'open';
-      }
-    }
+    const isHidden = ref(false);
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -164,14 +94,14 @@ var script = defineComponent({
         } = props;
         if (trigger) {
           autoUpdate(trigger, rootElement, async () => {
-            var _a;
+            var _a, _b;
             const {
               x,
               y,
               middlewareData
             } = await computePosition(trigger, rootElement, {
               placement,
-              middleware: [flip(), shift(), hide()]
+              middleware: [shift(), flip(), hide()]
             });
             Object.assign(rootElement.style, {
               left: `${x}px`,
@@ -180,10 +110,14 @@ var script = defineComponent({
               width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
             });
             isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
+            isHidden.value = Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden);
           });
         }
       }
     });
+    // #region Elevation
+    useElevation(root, state);
+    // #endregion
     // #region Click Outside
     const trigger = toRef(props, 'trigger');
     onClickOutside(root, event => {
@@ -194,31 +128,26 @@ var script = defineComponent({
         } = _ref;
         return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
       })) {
-        close(true);
+        close();
       }
     }, {
       ignore: [trigger]
     });
     // #endregion
-    // #region Elevation
-    useElevation(root, state);
-    // #endregion
     return {
       isDesktop,
       isMobile,
       root,
       bottomSheet,
       bottomSheetRoot,
-      handleBottomSheetState,
       rootStyles,
       bodyStyles,
       state,
-      isOpen,
-      isFullscreen,
-      isClosed,
       isFlipped,
+      isHidden,
       open,
-      close
+      close,
+      toggle
     };
   }
 });
@@ -235,8 +164,8 @@ var __vue_render__ = function () {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.isOpen,
-      expression: "isOpen"
+      value: _vm.state === 'open',
+      expression: "state === 'open'"
     }],
     class: ['contents']
   }, [_vm.isDesktop && _vm.variant === 'auto' || _vm.variant === 'popover' ? [_c('div', _vm._b({
@@ -246,12 +175,12 @@ var __vue_render__ = function () {
     class: _vm.bodyStyles
   }, [_vm._t("default")], 2)]], 2)] : _vm._e(), _vm._v(" "), _vm.isMobile && _vm.variant === 'auto' || _vm.variant === 'bottom-sheet' ? [_c('OrBottomSheet', _vm._b({
     ref: "bottomSheet",
+    attrs: {
+      "is-open": _vm.state === 'open'
+    },
     on: {
       "update:state": function ($event) {
         _vm.state = $event;
-      },
-      "update:state:closed-automatically": function ($event) {
-        return _vm.$emit('update:state:closed-automatically');
       }
     }
   }, 'OrBottomSheet', _vm.bottomSheetProps, false), [_vm._t("default")], 2)] : _vm._e()], 2)]);

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -10,17 +10,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     bottomSheetRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    handleBottomSheetState: (bottomSheetState: string) => void;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: 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">;
     isFlipped: import("@vue/composition-api").Ref<boolean>;
+    isHidden: 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<"auto" | "popover" | "bottom-sheet">;
         default: PopoverVariant;
@@ -55,6 +57,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     variant: {
         type: PropType<"auto" | "popover" | "bottom-sheet">;
         default: PopoverVariant;
@@ -89,6 +95,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
@@ -110,17 +117,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     bottomSheetRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    handleBottomSheetState: (bottomSheetState: string) => void;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: 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">;
     isFlipped: import("@vue/composition-api").Ref<boolean>;
+    isHidden: 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: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
@@ -133,6 +139,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;

package/dist/bundled/v2/components/OrPopoverV3/index.js

@@ -1,8 +1,8 @@
 export { default as OrPopoverV3 } from './OrPopover.js';
 export { PopoverPlacement, PopoverVariant } from './props.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
@@ -15,4 +15,5 @@ import 'vue';
 import '../../normalize-component-6e8e3d80.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -1,11 +1,11 @@
-import { d as useElementBounding } from '../../index-2ae26715.js';
+import { d as useElementBounding } from '../../index-6d94f832.js';
 import { r as round_1 } from '../../round-f34440f4.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';
 import { ProgressRoot, ProgressRootTypes, ProgressHeader, ProgressHeaderLabel, ProgressHeaderPercent, ProgressFooter, ProgressBarBackground, ProgressBarMain, ProgressBarAnimationTypes, ProgressBarColors } from './styles.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../index-cbe0a12b.js';
+import '../../index-8a1b5b9c.js';
 import '../../isObject-fe8b81fd.js';
 import '../../toInteger-2fd112a9.js';
 import '../../toFinite-74227610.js';

package/dist/bundled/v2/components/OrProgressV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrProgressV3 } from './OrProgress.js';
 export { ProgressColor, ProgressType } from './props.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import 'vue-demi';
 import '../../round-f34440f4.js';
 import '../../isObject-fe8b81fd.js';

package/dist/bundled/v2/components/OrRadioGroupV3/OrRadioGroup.js

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue-demi';
-import { u as useVModel } from '../../index-2ae26715.js';
+import { u as useVModel } from '../../index-6d94f832.js';
 import __vue_component__$1 from '../OrFormGroupV3/OrFormGroup.js';
 import __vue_component__$2 from '../OrRadioV3/OrRadio.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../index-cbe0a12b.js';
+import '../../index-8a1b5b9c.js';
 import '../OrFormGroupV3/props.js';
 import '../OrFormGroupV3/styles.js';
 import '../OrLabelV3/OrLabel.js';

package/dist/bundled/v2/components/OrRadioGroupV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrRadioGroupV3 } from './OrRadioGroup.js';
 import 'vue-demi';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import '../OrFormGroupV3/OrFormGroup.js';
 import '../OrFormGroupV3/props.js';
 import '../OrFormGroupV3/styles.js';

package/dist/bundled/v2/components/OrSearch/OrSearch.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
-import { a as watchDebounced } from '../../index-cbe0a12b.js';
+import { a as watchDebounced } from '../../index-8a1b5b9c.js';
 import { BUTTON_SIZE } from '../OrButtonV2/constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrSearch/index.js

@@ -28,4 +28,4 @@ import '../OrIcon/constants.js';
 import '../OrLoader/OrLoader.js';
 import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
-import '../../index-cbe0a12b.js';
+import '../../index-8a1b5b9c.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import __vue_component__$1 from '../OrInputV3/OrInput.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
-import { a as watchDebounced } from '../../index-cbe0a12b.js';
+import { a as watchDebounced } from '../../index-8a1b5b9c.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrInputV3/props.js';
 import '../OrInputV3/styles.js';
@@ -16,10 +16,10 @@ import '../OrIconButtonV3/OrIconButton.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../index-2ae26715.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-6d94f832.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
@@ -31,6 +31,7 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';

package/dist/bundled/v2/components/OrSearchV3/index.js

@@ -16,11 +16,11 @@ import '../OrIconButtonV3/OrIconButton.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
@@ -32,6 +32,7 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';

package/dist/bundled/v2/components/OrSelect/OrSelect.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-2ae26715.js';
+import { o as onClickOutside } from '../../index-6d94f832.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { _ as _baseAssignValue } from '../../_baseAssignValue-22e630c1.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from '../../_baseIsEqual-a1cc156c.js';
@@ -18,7 +18,7 @@ import __vue_component__$c from '../OrLoader/OrLoader.js';
 import __vue_component__$d from '../OrFloating/OrFloating.js';
 import __vue_component__$e from '../OrLabel/OrLabel.js';
 import __vue_component__$f from '../OrError/OrError.js';
-import '../../index-cbe0a12b.js';
+import '../../index-8a1b5b9c.js';
 import '../../eq-95cd2573.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';

package/dist/bundled/v2/components/OrSelect/index.js

@@ -1,7 +1,7 @@
 export { default as OrSelect } from './OrSelect.js';
 import 'vue-demi';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import '../../utils/isEmpty.js';
 import '../../_baseAssignValue-22e630c1.js';
 import '../../get-ab1b7d93.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -17,8 +17,8 @@ import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/props.js';
 import '../../hooks/useIdAttribute.js';
@@ -38,6 +38,7 @@ import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/props.js';
+import '../../hooks/usePopoverState.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';

package/dist/bundled/v2/components/OrSelectV3/index.js

@@ -4,8 +4,8 @@ import 'vue-demi';
 import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
@@ -45,6 +45,7 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';

package/dist/bundled/v2/components/OrSidebar/OrSidebar.js

@@ -1,9 +1,9 @@
-import { e as useDraggable } from '../../index-2ae26715.js';
+import { e as useDraggable } from '../../index-6d94f832.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../index-cbe0a12b.js';
+import '../../index-8a1b5b9c.js';
 
 var script = defineComponent({
   name: 'OrSidebar',

package/dist/bundled/v2/components/OrSidebar/index.js

@@ -1,7 +1,7 @@
 export { default as OrSidebar } from './OrSidebar.js';
 export { OrSidebarSide } from './constants.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import 'vue-demi';
 import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.js

@@ -1,10 +1,10 @@
-import { e as useDraggable, d as useElementBounding } from '../../index-2ae26715.js';
+import { e as useDraggable, d as useElementBounding } from '../../index-6d94f832.js';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './props.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './styles.js';
-import '../../index-cbe0a12b.js';
+import '../../index-8a1b5b9c.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -25,6 +25,7 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 
 const CollapseButtonContainer = [

package/dist/bundled/v2/components/OrSidebarV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrSidebarV3 } from './OrSidebar.js';
 export { OrSidebarPlacement } from './props.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import 'vue-demi';
 import '../OrIconButtonV3/OrIconButton.js';
 import '../OrIconButtonV3/props.js';
@@ -25,5 +25,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import './styles.js';

package/dist/bundled/v2/components/OrSlider/OrSlider.js

@@ -1,10 +1,10 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, e as useDraggable } from '../../index-2ae26715.js';
+import { o as onClickOutside, e as useDraggable } from '../../index-6d94f832.js';
 import { b as addClass, d as removeClass } from '../../dom-700444b4.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../index-cbe0a12b.js';
+import '../../index-8a1b5b9c.js';
 import '../../isObject-fe8b81fd.js';
 import '../../get-ab1b7d93.js';
 import '../../toString-f3196832.js';

package/dist/bundled/v2/components/OrSlider/index.js

@@ -1,7 +1,7 @@
 export { default as OrSlider } from './OrSlider.js';
 import 'vue-demi';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import '../../dom-700444b4.js';
 import '../../isObject-fe8b81fd.js';
 import '../../get-ab1b7d93.js';

package/dist/bundled/v2/components/OrSwitchV3/OrSwitch.js

@@ -8,8 +8,8 @@ import { LabelVariant } from '../OrLabelV3/props.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrLabelV3/styles.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 

package/dist/bundled/v2/components/OrSwitchV3/index.js

@@ -6,8 +6,8 @@ import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../../hooks/useIdAttribute.js';