@onereach/ui-components 2.69.1-beta.2101.0 → 2.69.1

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

@@ -23,7 +23,7 @@ function useOverflow(container) {
           x: containerOffset,
           width: containerWidth
         } = container.getBoundingClientRect();
-        if (itemOffset + itemWidth >= containerOffset + containerWidth) {
+        if (itemOffset + itemWidth > containerOffset + containerWidth) {
           item.style.setProperty('visibility', 'hidden');
           return {
             innerItems,

package/dist/esm/v2/{OrAvatar-95b029b4.js → OrAvatar-0afdef36.js}

@@ -10,7 +10,6 @@ var AvatarSize;
   AvatarSize["L"] = "l";
   AvatarSize["M"] = "m";
   AvatarSize["S"] = "s";
-  AvatarSize["XS"] = "xs";
 })(AvatarSize || (AvatarSize = {}));
 var AvatarColor;
 (function (AvatarColor) {
@@ -52,12 +51,7 @@ const AvatarRootSizes = {
   // Box
   'w-[32px]', 'h-[32px]',
   // Typography
-  'text-[16px]'],
-  'xs': [
-  // Box
-  'w-[24px]', 'h-[24px]',
-  // Typography
-  'text-[12px]']
+  'text-[16px]']
 };
 const AvatarRootColors = {
   [AvatarColor.blue]: [

package/dist/esm/v2/{OrSelect-ac382aa6.js → OrSelect-f0ff5a85.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-a3dc6212.js';
+import { u as useOverflow } from './useOverflow-af6161c8.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

@@ -1,5 +1,5 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-4824c57f.js';
-export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from '../OrAvatar-95b029b4.js';
+export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from '../OrAvatar-0afdef36.js';
 export { _ as OrBottomSheetV3 } from '../OrBottomSheet-16c2e610.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-2ca1c3d6.js';
 export { _ as OrButtonV2 } from '../OrButton-c4f9955b.js';
@@ -66,7 +66,7 @@ export { _ as OrRadioV3 } from '../OrRadio-848ce55d.js';
 export { _ as OrSearchV3 } from '../OrSearch-ddb7c1fe.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-e8dce8f9.js';
 export { _ as OrSelect } from '../OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from '../OrSelect-ac382aa6.js';
+export { _ as OrSelectV3 } from '../OrSelect-f0ff5a85.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-a3dc6212.js';
+import '../useOverflow-af6161c8.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';

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

@@ -1,4 +1,4 @@
-export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from '../../OrAvatar-95b029b4.js';
+export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from '../../OrAvatar-0afdef36.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v2/components/or-avatar-v3/props.d.ts

@@ -2,8 +2,7 @@ export declare enum AvatarSize {
     XL = "xl",
     L = "l",
     M = "m",
-    S = "s",
-    XS = "xs"
+    S = "s"
 }
 export declare enum AvatarColor {
     blue = "blue",

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

@@ -1,9 +1,9 @@
-export { _ as OrSelectV3 } from '../../OrSelect-ac382aa6.js';
+export { _ as OrSelectV3 } from '../../OrSelect-f0ff5a85.js';
 export { a as SelectSize } from '../../OrInputBox-4d5a318d.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useClassAttribute-47fdb016.js';
-import '../../useOverflow-a3dc6212.js';
+import '../../useOverflow-af6161c8.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-a3dc6212.js';
+export { u as useOverflow } from '../useOverflow-af6161c8.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

@@ -1,5 +1,5 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-4824c57f.js';
-export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-95b029b4.js';
+export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-0afdef36.js';
 export { _ as OrBottomSheetV3 } from './OrBottomSheet-16c2e610.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-2ca1c3d6.js';
 export { _ as OrButtonV2 } from './OrButton-c4f9955b.js';
@@ -66,7 +66,7 @@ export { _ as OrRadioV3 } from './OrRadio-848ce55d.js';
 export { _ as OrSearchV3 } from './OrSearch-ddb7c1fe.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e8dce8f9.js';
 export { _ as OrSelect } from './OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from './OrSelect-ac382aa6.js';
+export { _ as OrSelectV3 } from './OrSelect-f0ff5a85.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-a3dc6212.js';
+export { u as useOverflow } from './useOverflow-af6161c8.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-a3dc6212.js → useOverflow-af6161c8.js}

@@ -23,7 +23,7 @@ function useOverflow(container) {
           x: containerOffset,
           width: containerWidth
         } = container.getBoundingClientRect();
-        if (itemOffset + itemWidth >= containerOffset + containerWidth) {
+        if (itemOffset + itemWidth > containerOffset + containerWidth) {
           item.style.setProperty('visibility', 'hidden');
           return {
             innerItems,

package/dist/esm/v3/{OrAvatar-9ed782da.js → OrAvatar-ef88d31c.js}

@@ -10,7 +10,6 @@ var AvatarSize;
   AvatarSize["L"] = "l";
   AvatarSize["M"] = "m";
   AvatarSize["S"] = "s";
-  AvatarSize["XS"] = "xs";
 })(AvatarSize || (AvatarSize = {}));
 var AvatarColor;
 (function (AvatarColor) {
@@ -52,12 +51,7 @@ const AvatarRootSizes = {
   // Box
   'w-[32px]', 'h-[32px]',
   // Typography
-  'text-[16px]'],
-  'xs': [
-  // Box
-  'w-[24px]', 'h-[24px]',
-  // Typography
-  'text-[12px]']
+  'text-[16px]']
 };
 const AvatarRootColors = {
   [AvatarColor.blue]: [

package/dist/esm/v3/{OrSelect-fee9c099.js → OrSelect-7e813982.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-a3dc6212.js';
+import { u as useOverflow } from './useOverflow-af6161c8.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

@@ -1,5 +1,5 @@
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-2808a314.js';
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-9ed782da.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-ef88d31c.js';
 export { s as OrBottomSheetV3 } from '../OrBottomSheet-62817aec.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-fca9019a.js';
 export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from '../OrIconButton-8be9c89f.js';
@@ -61,7 +61,7 @@ export { s as OrRadioV3 } from '../OrRadio-54b6d0de.js';
 export { s as OrSearchV3 } from '../OrSearch-cdde55ce.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-fee9c099.js';
+export { s as OrSelectV3 } from '../OrSelect-7e813982.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-a3dc6212.js';
+import '../useOverflow-af6161c8.js';

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

@@ -1,4 +1,4 @@
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-9ed782da.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-ef88d31c.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/components/or-avatar-v3/props.d.ts

@@ -2,8 +2,7 @@ export declare enum AvatarSize {
     XL = "xl",
     L = "l",
     M = "m",
-    S = "s",
-    XS = "xs"
+    S = "s"
 }
 export declare enum AvatarColor {
     blue = "blue",

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

@@ -1,9 +1,9 @@
-export { s as OrSelectV3 } from '../../OrSelect-fee9c099.js';
+export { s as OrSelectV3 } from '../../OrSelect-7e813982.js';
 export { a as SelectSize } from '../../OrInputBox-5247ab25.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useClassAttribute-47fdb016.js';
-import '../../useOverflow-a3dc6212.js';
+import '../../useOverflow-af6161c8.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-a3dc6212.js';
+export { u as useOverflow } from '../useOverflow-af6161c8.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

@@ -1,5 +1,5 @@
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from './OrAvatar-2808a314.js';
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-9ed782da.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-ef88d31c.js';
 export { s as OrBottomSheetV3 } from './OrBottomSheet-62817aec.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-fca9019a.js';
 export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from './OrIconButton-8be9c89f.js';
@@ -61,7 +61,7 @@ export { s as OrRadioV3 } from './OrRadio-54b6d0de.js';
 export { s as OrSearchV3 } from './OrSearch-cdde55ce.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-fee9c099.js';
+export { s as OrSelectV3 } from './OrSelect-7e813982.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-a3dc6212.js';
+export { u as useOverflow } from './useOverflow-af6161c8.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-a3dc6212.js → useOverflow-af6161c8.js}

@@ -23,7 +23,7 @@ function useOverflow(container) {
           x: containerOffset,
           width: containerWidth
         } = container.getBoundingClientRect();
-        if (itemOffset + itemWidth >= containerOffset + containerWidth) {
+        if (itemOffset + itemWidth > containerOffset + containerWidth) {
           item.style.setProperty('visibility', 'hidden');
           return {
             innerItems,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.69.1-beta.2101.0",
+  "version": "2.69.1",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -123,5 +123,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "91728e79fd4e9fbe584d302a41e170f2670f7f28"
 }

package/src/components/or-avatar-v3/props.ts

@@ -3,7 +3,6 @@ export enum AvatarSize {
   L = 'l',
   M = 'm',
   S = 's',
-  XS = 'xs',
 }
 
 export enum AvatarColor {

package/src/components/or-avatar-v3/styles.ts

@@ -58,15 +58,6 @@ export const AvatarRootSizes: Record<AvatarSize, string[]> = {
     // Typography
     'text-[16px]',
   ],
-
-  'xs': [
-    // Box
-    'w-[24px]',
-    'h-[24px]',
-
-    // Typography
-    'text-[12px]',
-  ],
 };
 
 export const AvatarRootColors: Record<AvatarColor, string[]> = {

package/src/hooks/useOverflow.ts

@@ -26,7 +26,7 @@ export function useOverflow(
         const { x: itemOffset, width: itemWidth } = item.getBoundingClientRect();
         const { x: containerOffset, width: containerWidth } = container.getBoundingClientRect();
 
-        if (itemOffset + itemWidth >= containerOffset + containerWidth) {
+        if (itemOffset + itemWidth > containerOffset + containerWidth) {
           item.style.setProperty('visibility', 'hidden');
 
           return {