@onereach/ui-components 2.68.1-beta.2068.0 → 2.68.1-beta.2070.0

package/dist/bundled/v2/{OrSelect-5fef3ccd.js → OrSelect-a2dbc872.js}

@@ -12,7 +12,7 @@ import { O as OrPopover } from './OrPopover-5dc240f1.js';
 import { O as OrTag } from './OrTag-6440aa89.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
-import { u as useOverflow } from './useOverflow-bfea931e.js';
+import { u as useOverflow } from './useOverflow-dc93a300.js';
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

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

@@ -66,7 +66,7 @@ export { _ as OrRadioV3 } from '../OrRadio-cd39b20b.js';
 export { _ as OrSearchV3 } from '../OrSearch-e34afaee.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-21cc914e.js';
 export { _ as OrSelect } from '../OrSelect-a23d4210.js';
-export { _ as OrSelectV3 } from '../OrSelect-5fef3ccd.js';
+export { _ as OrSelectV3 } from '../OrSelect-a2dbc872.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
@@ -113,6 +113,6 @@ import '../v4-cf8987a3.js';
 import '../useResponsive-e13dfbb0.js';
 import '../useElevation-aac032f4.js';
 import '../dropdown-open-e2a93aaf.js';
-import '../useOverflow-bfea931e.js';
+import '../useOverflow-dc93a300.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';

package/dist/bundled/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-5fef3ccd.js';
+export { _ as OrSelectV3 } from '../../OrSelect-a2dbc872.js';
 export { a as SelectSize } from '../../OrInputBox-79ec54ad.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -27,4 +27,4 @@ import '../../useResponsive-e13dfbb0.js';
 import '../../OrMenuItem-26420908.js';
 import '../../OrTag-6440aa89.js';
 import '../../dropdown-open-e2a93aaf.js';
-import '../../useOverflow-bfea931e.js';
+import '../../useOverflow-dc93a300.js';

package/dist/bundled/v2/hooks/index.js

@@ -1,6 +1,6 @@
 export { u as useClassAttribute } from '../useClassAttribute-9bf33346.js';
 export { u as useElevation } from '../useElevation-aac032f4.js';
-export { u as useOverflow } from '../useOverflow-bfea931e.js';
+export { u as useOverflow } from '../useOverflow-dc93a300.js';
 export { u as useToggle } from '../useToggle-6166bd53.js';
 export { u as useResponsive } from '../useResponsive-e13dfbb0.js';
 import '../index-fa6eb4ca.js';

package/dist/bundled/v2/index.js

@@ -71,7 +71,7 @@ export { _ as OrRadioV3 } from './OrRadio-cd39b20b.js';
 export { _ as OrSearchV3 } from './OrSearch-e34afaee.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-21cc914e.js';
 export { _ as OrSelect } from './OrSelect-a23d4210.js';
-export { _ as OrSelectV3 } from './OrSelect-5fef3ccd.js';
+export { _ as OrSelectV3 } from './OrSelect-a2dbc872.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-e2b2c9ec.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-c95ef614.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-242d22f3.js';
@@ -101,7 +101,7 @@ export { O as OrTooltipV3 } from './OrTooltip-fbfa05fd.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 export { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 export { u as useElevation } from './useElevation-aac032f4.js';
-export { u as useOverflow } from './useOverflow-bfea931e.js';
+export { u as useOverflow } from './useOverflow-dc93a300.js';
 import './index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/{useOverflow-bfea931e.js → useOverflow-dc93a300.js}

@@ -11,19 +11,19 @@ function useOverflow(container) {
   function updateState() {
     const container = containerRef.value;
     if (container) {
-      const {
-        x: containerOffset,
-        width: containerWidth
-      } = container.getBoundingClientRect();
       const update = [...container.children].reduce(({
         innerItems,
         outerItems
       }, child) => {
-        const item = child,
-          {
-            x: itemOffset,
-            width: itemWidth
-          } = child.getBoundingClientRect();
+        const item = child;
+        const {
+          x: itemOffset,
+          width: itemWidth
+        } = item.getBoundingClientRect();
+        const {
+          x: containerOffset,
+          width: containerWidth
+        } = container.getBoundingClientRect();
         if (itemOffset + itemWidth >= containerOffset + containerWidth) {
           item.style.setProperty('visibility', 'hidden');
           return {

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-6fd881cf.js → OrSelect.vue_vue_type_script_lang-619d6eb7.js}

@@ -12,7 +12,7 @@ import './OrPopover-c462ce77.js';
 import { s as script$3 } from './OrTag.vue_vue_type_script_lang-92d9fb12.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-293d2de2.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { u as useOverflow } from './useOverflow-f7916ce2.js';
+import { u as useOverflow } from './useOverflow-06bcc7d7.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
 import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';

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

@@ -66,7 +66,7 @@ export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-2e666a56.js'
 export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-1d2a20e0.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl.vue_vue_type_script_lang-579406f5.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-26c0a70a.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-6fd881cf.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-619d6eb7.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-ce0b152c.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText.vue_vue_type_script_lang-f3f989c3.js';
@@ -130,4 +130,4 @@ import '../useResponsive-9d397e2a.js';
 import '../useElevation-c8d5d3ba.js';
 import '../OrMenuItem-4feaba6c.js';
 import '../dropdown-open-293d2de2.js';
-import '../useOverflow-f7916ce2.js';
+import '../useOverflow-06bcc7d7.js';

package/dist/bundled/v3/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-6fd881cf.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-619d6eb7.js';
 export { a as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
 import 'vue';
 import '../../OrCheckbox.vue_vue_type_script_lang-8b36e06c.js';
@@ -31,4 +31,4 @@ import '../../OrMenuItem-4feaba6c.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
 import '../../OrTag.vue_vue_type_script_lang-92d9fb12.js';
 import '../../dropdown-open-293d2de2.js';
-import '../../useOverflow-f7916ce2.js';
+import '../../useOverflow-06bcc7d7.js';

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

@@ -1,6 +1,6 @@
 export { u as useClassAttribute } from '../useClassAttribute-00888f78.js';
 export { u as useElevation } from '../useElevation-c8d5d3ba.js';
-export { u as useOverflow } from '../useOverflow-f7916ce2.js';
+export { u as useOverflow } from '../useOverflow-06bcc7d7.js';
 export { u as useToggle } from '../useToggle-09b6cb90.js';
 export { u as useResponsive } from '../useResponsive-9d397e2a.js';
 import 'vue';

package/dist/bundled/v3/index.js

@@ -26,8 +26,8 @@ export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem.vue_vue_t
 import { s as script$v } from './OrSelect.vue_vue_type_script_lang-26c0a70a.js';
 export { s as OrSelect } from './OrSelect.vue_vue_type_script_lang-26c0a70a.js';
 export { s as OrCheckbox } from './OrCheckbox.vue_vue_type_script_lang-d8a66818.js';
-import { s as script$w } from './OrSelect.vue_vue_type_script_lang-6fd881cf.js';
-export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-6fd881cf.js';
+import { s as script$w } from './OrSelect.vue_vue_type_script_lang-619d6eb7.js';
+export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-619d6eb7.js';
 export { s as OrCheckboxV3 } from './OrCheckbox.vue_vue_type_script_lang-8b36e06c.js';
 export { s as OrChip } from './OrChip-5d502431.js';
 import { s as script$8 } from './OrChips.vue_vue_type_script_lang-69917e34.js';
@@ -154,7 +154,7 @@ export { s as OrTooltipV3 } from './OrTooltip.vue_vue_type_script_lang-67cc86ed.
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-293d2de2.js';
 export { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 export { u as useElevation } from './useElevation-c8d5d3ba.js';
-export { u as useOverflow } from './useOverflow-f7916ce2.js';
+export { u as useOverflow } from './useOverflow-06bcc7d7.js';
 export { u as useResponsive } from './useResponsive-9d397e2a.js';
 export { u as useToggle } from './useToggle-09b6cb90.js';
 import 'lodash';

package/dist/bundled/v3/{useOverflow-f7916ce2.js → useOverflow-06bcc7d7.js}

@@ -10,19 +10,19 @@ function useOverflow(container) {
   function updateState() {
     const container = containerRef.value;
     if (container) {
-      const {
-        x: containerOffset,
-        width: containerWidth
-      } = container.getBoundingClientRect();
       const update = [...container.children].reduce(({
         innerItems,
         outerItems
       }, child) => {
-        const item = child,
-          {
-            x: itemOffset,
-            width: itemWidth
-          } = child.getBoundingClientRect();
+        const item = child;
+        const {
+          x: itemOffset,
+          width: itemWidth
+        } = item.getBoundingClientRect();
+        const {
+          x: containerOffset,
+          width: containerWidth
+        } = container.getBoundingClientRect();
         if (itemOffset + itemWidth >= containerOffset + containerWidth) {
           item.style.setProperty('visibility', 'hidden');
           return {

package/dist/esm/v2/{OrSelect-81c1173a.js → OrSelect-acc13b49.js}

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { u as useOverflow } from './useOverflow-2f535f6c.js';
+import { u as useOverflow } from './useOverflow-a3dc6212.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrCheckbox-567e387c.js';
 import { _ as __vue_component__$2 } from './OrError-d267ee9a.js';

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

@@ -66,7 +66,7 @@ export { _ as OrRadioV3 } from '../OrRadio-848ce55d.js';
 export { _ as OrSearchV3 } from '../OrSearch-0c0d1773.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-e8dce8f9.js';
 export { _ as OrSelect } from '../OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from '../OrSelect-81c1173a.js';
+export { _ as OrSelectV3 } from '../OrSelect-acc13b49.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-7d6125bb.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-fabc7bc9.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-cc94bdc9.js';
@@ -121,6 +121,6 @@ import '../useElevation-31bfe1f6.js';
 import '../useResponsive-a02e95b7.js';
 import '@vueuse/integrations/useFocusTrap';
 import '../dropdown-open-0d314aa4.js';
-import '../useOverflow-2f535f6c.js';
+import '../useOverflow-a3dc6212.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';

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

@@ -1,9 +1,9 @@
-export { _ as OrSelectV3 } from '../../OrSelect-81c1173a.js';
+export { _ as OrSelectV3 } from '../../OrSelect-acc13b49.js';
 export { a as SelectSize } from '../../OrInputBox-4d5a318d.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useClassAttribute-47fdb016.js';
-import '../../useOverflow-2f535f6c.js';
+import '../../useOverflow-a3dc6212.js';
 import '@vueuse/core';
 import '../../OrCheckbox-567e387c.js';
 import '../../OrLabel-2a9f1477.js';

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

@@ -1,6 +1,6 @@
 export { u as useClassAttribute } from '../useClassAttribute-47fdb016.js';
 export { u as useElevation } from '../useElevation-31bfe1f6.js';
-export { u as useOverflow } from '../useOverflow-2f535f6c.js';
+export { u as useOverflow } from '../useOverflow-a3dc6212.js';
 export { u as useResponsive } from '../useResponsive-a02e95b7.js';
 export { u as useToggle } from '../useToggle-29e4d7c7.js';
 import 'vue-demi';

package/dist/esm/v2/index.js

@@ -66,7 +66,7 @@ export { _ as OrRadioV3 } from './OrRadio-848ce55d.js';
 export { _ as OrSearchV3 } from './OrSearch-0c0d1773.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e8dce8f9.js';
 export { _ as OrSelect } from './OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from './OrSelect-81c1173a.js';
+export { _ as OrSelectV3 } from './OrSelect-acc13b49.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-7d6125bb.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-cc94bdc9.js';
@@ -98,7 +98,7 @@ export { _ as OrTooltipV3 } from './OrTooltip-513bee30.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-31bfe1f6.js';
-export { u as useOverflow } from './useOverflow-2f535f6c.js';
+export { u as useOverflow } from './useOverflow-a3dc6212.js';
 export { u as useResponsive } from './useResponsive-a02e95b7.js';
 export { u as useToggle } from './useToggle-29e4d7c7.js';
 import { R as RX_ABBREVIATION_FROM_STRING } from './color-1f348774.js';

package/dist/esm/v2/{useOverflow-2f535f6c.js → useOverflow-a3dc6212.js}

@@ -10,19 +10,19 @@ function useOverflow(container) {
   function updateState() {
     const container = containerRef.value;
     if (container) {
-      const {
-        x: containerOffset,
-        width: containerWidth
-      } = container.getBoundingClientRect();
       const update = [...container.children].reduce(({
         innerItems,
         outerItems
       }, child) => {
-        const item = child,
-          {
-            x: itemOffset,
-            width: itemWidth
-          } = child.getBoundingClientRect();
+        const item = child;
+        const {
+          x: itemOffset,
+          width: itemWidth
+        } = item.getBoundingClientRect();
+        const {
+          x: containerOffset,
+          width: containerWidth
+        } = container.getBoundingClientRect();
         if (itemOffset + itemWidth >= containerOffset + containerWidth) {
           item.style.setProperty('visibility', 'hidden');
           return {

package/dist/esm/v3/{OrSelect-fe1566ac.js → OrSelect-fbf4a140.js}

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { u as useOverflow } from './useOverflow-2f535f6c.js';
+import { u as useOverflow } from './useOverflow-a3dc6212.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrCheckbox-3e139eac.js';
 import { s as script$2 } from './OrError-ec8c709d.js';

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

@@ -61,7 +61,7 @@ export { s as OrRadioV3 } from '../OrRadio-54b6d0de.js';
 export { s as OrSearchV3 } from '../OrSearch-01225d82.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-171cad78.js';
 export { s as OrSelect } from '../OrSelect-0821b907.js';
-export { s as OrSelectV3 } from '../OrSelect-fe1566ac.js';
+export { s as OrSelectV3 } from '../OrSelect-fbf4a140.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar-a62972f5.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-2b1610ce.js';
@@ -115,4 +115,4 @@ import '../useElevation-31bfe1f6.js';
 import '../useResponsive-a02e95b7.js';
 import '@vueuse/integrations/useFocusTrap';
 import '../dropdown-open-0d314aa4.js';
-import '../useOverflow-2f535f6c.js';
+import '../useOverflow-a3dc6212.js';

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,9 +1,9 @@
-export { s as OrSelectV3 } from '../../OrSelect-fe1566ac.js';
+export { s as OrSelectV3 } from '../../OrSelect-fbf4a140.js';
 export { a as SelectSize } from '../../OrInputBox-5247ab25.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useClassAttribute-47fdb016.js';
-import '../../useOverflow-2f535f6c.js';
+import '../../useOverflow-a3dc6212.js';
 import '@vueuse/core';
 import '../../OrCheckbox-3e139eac.js';
 import '../../OrLabel-bdaec602.js';

package/dist/esm/v3/hooks/index.js

@@ -1,6 +1,6 @@
 export { u as useClassAttribute } from '../useClassAttribute-47fdb016.js';
 export { u as useElevation } from '../useElevation-31bfe1f6.js';
-export { u as useOverflow } from '../useOverflow-2f535f6c.js';
+export { u as useOverflow } from '../useOverflow-a3dc6212.js';
 export { u as useResponsive } from '../useResponsive-a02e95b7.js';
 export { u as useToggle } from '../useToggle-29e4d7c7.js';
 import 'vue-demi';

package/dist/esm/v3/index.js

@@ -61,7 +61,7 @@ export { s as OrRadioV3 } from './OrRadio-54b6d0de.js';
 export { s as OrSearchV3 } from './OrSearch-01225d82.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-171cad78.js';
 export { s as OrSelect } from './OrSelect-0821b907.js';
-export { s as OrSelectV3 } from './OrSelect-fe1566ac.js';
+export { s as OrSelectV3 } from './OrSelect-fbf4a140.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -92,7 +92,7 @@ export { s as OrTooltipV3 } from './OrTooltip-50d27b4f.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-31bfe1f6.js';
-export { u as useOverflow } from './useOverflow-2f535f6c.js';
+export { u as useOverflow } from './useOverflow-a3dc6212.js';
 export { u as useResponsive } from './useResponsive-a02e95b7.js';
 export { u as useToggle } from './useToggle-29e4d7c7.js';
 import { R as RX_ABBREVIATION_FROM_STRING } from './color-1f348774.js';

package/dist/esm/v3/{useOverflow-2f535f6c.js → useOverflow-a3dc6212.js}

@@ -10,19 +10,19 @@ function useOverflow(container) {
   function updateState() {
     const container = containerRef.value;
     if (container) {
-      const {
-        x: containerOffset,
-        width: containerWidth
-      } = container.getBoundingClientRect();
       const update = [...container.children].reduce(({
         innerItems,
         outerItems
       }, child) => {
-        const item = child,
-          {
-            x: itemOffset,
-            width: itemWidth
-          } = child.getBoundingClientRect();
+        const item = child;
+        const {
+          x: itemOffset,
+          width: itemWidth
+        } = item.getBoundingClientRect();
+        const {
+          x: containerOffset,
+          width: containerWidth
+        } = container.getBoundingClientRect();
         if (itemOffset + itemWidth >= containerOffset + containerWidth) {
           item.style.setProperty('visibility', 'hidden');
           return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.68.1-beta.2068.0",
+  "version": "2.68.1-beta.2070.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/hooks/useOverflow.ts

@@ -20,9 +20,11 @@ export function useOverflow(
     const container = containerRef.value;
 
     if (container) {
-      const { x: containerOffset, width: containerWidth } = container.getBoundingClientRect();
       const update = [...container.children].reduce(({ innerItems, outerItems }, child) => {
-        const item = child as HTMLElement, { x: itemOffset, width: itemWidth } = child.getBoundingClientRect();
+        const item = child as HTMLElement;
+
+        const { x: itemOffset, width: itemWidth } = item.getBoundingClientRect();
+        const { x: containerOffset, width: containerWidth } = container.getBoundingClientRect();
 
         if (itemOffset + itemWidth >= containerOffset + containerWidth) {
           item.style.setProperty('visibility', 'hidden');