@onereach/ui-components 2.74.3-beta.2302.0 → 2.74.3-beta.2303.0

package/dist/bundled/v3/{types-150c888c.js → types-c44094bc.js}

@@ -1,12 +1,12 @@
 import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString, createBlock, withModifiers, onBeforeMount, onBeforeUnmount, nextTick } from 'vue';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-4d4329cd.js';
-import './OrIconButton-a2091425.js';
+import './OrIconButton-c9eb3d09.js';
 import './OrLoader-123ef8c4.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-14871105.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-84fd1dea.js';
 import { s as script$3 } from './OrLoader.vue_vue_type_script_lang-4c3c1ac9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import './OrOverlay.vue_vue_type_script_lang-a1f3f02c.js';
+import './OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
 import { s as script$4 } from './OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 
 var errorPng = "data:image/png;base64,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";

package/dist/bundled/v3/{useElevation-e8a2ce89.js → useElevation-c8d5d3ba.js}

@@ -4,9 +4,8 @@ function isVisible(element) {
   return !(element.offsetParent === null);
 }
 
-function useElevation(element, trigger) {
+function useElevation(element) {
   const elementRef = isRef(element) ? element : ref(element);
-  const triggerRef = isRef(trigger) ? trigger : ref();
   // Functions
   function getPageElevations() {
     return [...document.body.querySelectorAll('*')].filter(isVisible).map(element => getComputedStyle(element)).map(style => Number(style.zIndex)).filter(zIndex => !isNaN(zIndex));
@@ -15,7 +14,7 @@ function useElevation(element, trigger) {
     element.style.zIndex = String(Math.max(0, ...getPageElevations()) + 1);
   }
   // Effects
-  watch([elementRef, triggerRef], ([element]) => {
+  watch(elementRef, element => {
     if (element) setElementElevation(element);
   }, {
     immediate: true

package/dist/esm/v2/{OrBottomSheet-c9bfe63f.js → OrBottomSheet-37200385.js}

@@ -1,6 +1,6 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrOverlay-2ded265b.js';
+import { _ as __vue_component__$1 } from './OrOverlay-a019186f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const BottomSheetRoot = [

package/dist/esm/v2/{OrButton-66964360.js → OrButton-18f4431c.js}

@@ -27,7 +27,7 @@ const ButtonRoot = [
 'layout-inline-row justify-center',
 // Shape
 'rounded-md',
-// Sizing
+// Spacing
 'min-w-[96px]',
 // Interactivity
 'interactivity-auto',
@@ -47,8 +47,8 @@ const ButtonRootVariants = {
   'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm'],
   'link': [
   // Spacing
-  'gap-sm md:gap-xs',
-  // Sizing
+  'gap-xs',
+  // Spacing
   'min-w-[auto]']
 };
 const ButtonRootColors = {

package/dist/esm/v2/{OrCardCollection-53b55eec.js → OrCardCollection-d9666d4b.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { _ as __vue_component__$3 } from './OrButton-66964360.js';
-import { _ as __vue_component__$2 } from './OrIconButton-140f940e.js';
+import { _ as __vue_component__$3 } from './OrButton-18f4431c.js';
+import { _ as __vue_component__$2 } from './OrIconButton-612c64c4.js';
 import { _ as __vue_component__$6 } from './OrIcon-c434985a.js';
 import { _ as __vue_component__$5 } from './OrMenuItem-4f810513.js';
-import { _ as __vue_component__$4 } from './OrMenu-1adef5df.js';
-import './OrPopover-b3746279.js';
-import { _ as __vue_component__$7 } from './OrSearch-6aaba430.js';
+import { _ as __vue_component__$4 } from './OrMenu-943e7760.js';
+import './OrPopover-d5d4f62a.js';
+import { _ as __vue_component__$7 } from './OrSearch-02d8a65c.js';
 import './OrInputBox-53d1f66d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrConfirm-ccf4b2c9.js → OrConfirm-492a6a36.js}

@@ -1,9 +1,9 @@
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-66964360.js';
-import { _ as __vue_component__$3 } from './OrInput-b241f15f.js';
-import { _ as __vue_component__$1 } from './OrOverlay-2ded265b.js';
+import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-18f4431c.js';
+import { _ as __vue_component__$3 } from './OrInput-0b8a515c.js';
+import { _ as __vue_component__$1 } from './OrOverlay-a019186f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ConfirmType;

package/dist/esm/v2/{OrEmptyState-2481f13f.js → OrEmptyState-ab1a044d.js}

@@ -12,10 +12,10 @@ const EmptyStateRoot = [
 'grow', 'flex', 'flex-col', 'justify-center', 'items-center',
 // Box
 'w-full',
-// Sizing
+// Spacing
 'gap-sm'];
 const EmptyStateImage = [
-// Sizing
+// Spacing
 'mb-sm'];
 const EmptyStateImageSizes = {
   [EmptyStateSize.L]: [

package/dist/esm/v2/{OrErrorTag-7cd5dc68.js → OrErrorTag-3aaab419.js}

@@ -6,7 +6,7 @@ const ErrorTagRoot = [
 // Layout
 'layout-inline-row',
 // Box
-'max-w-fit',
+'max-w-min',
 // Shape
 'rounded-full',
 // Spacing

package/dist/esm/v2/{OrIconButton-140f940e.js → OrIconButton-612c64c4.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { _ as __vue_component__$1, I as IconSize } from './OrIcon-c434985a.js';
-import { _ as __vue_component__$2 } from './OrTooltip-34d2e01f.js';
-import './OrPopover-b3746279.js';
+import { _ as __vue_component__$2 } from './OrTooltip-233c67b9.js';
+import './OrPopover-d5d4f62a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var IconButtonColor;

package/dist/esm/v2/{OrInlineInput-01f1d5cc.js → OrInlineInput-6485e20a.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-13845bb0.js';
 import { _ as __vue_component__$2 } from './OrHint-78b399cb.js';
-import { _ as __vue_component__$3 } from './OrIconButton-140f940e.js';
+import { _ as __vue_component__$3 } from './OrIconButton-612c64c4.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-46146af0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';

package/dist/esm/v2/{OrInlineTextarea-421ff4d1.js → OrInlineTextarea-63dd339e.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-13845bb0.js';
 import { _ as __vue_component__$2 } from './OrHint-78b399cb.js';
-import { _ as __vue_component__$3 } from './OrIconButton-140f940e.js';
+import { _ as __vue_component__$3 } from './OrIconButton-612c64c4.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-46146af0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';

package/dist/esm/v2/{OrInput-b241f15f.js → OrInput-0b8a515c.js}

@@ -5,7 +5,7 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-13845bb0.js';
 import { _ as __vue_component__$2 } from './OrHint-78b399cb.js';
-import { _ as __vue_component__$4 } from './OrIconButton-140f940e.js';
+import { _ as __vue_component__$4 } from './OrIconButton-612c64c4.js';
 import { _ as __vue_component__$3 } from './OrIcon-c434985a.js';
 import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-53d1f66d.js';
 import { _ as __vue_component__$6 } from './OrLabel-0945a4d9.js';

package/dist/esm/v2/{OrMenu-1adef5df.js → OrMenu-943e7760.js}

@@ -1,12 +1,9 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-b3746279.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-d5d4f62a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuRoot = [
 // Layout
-'inline-block'];
-const MenuBody = [
-// Layout
 'overflow-y-auto',
 // Box
 'min-w-[160px]', 'md:max-w-[256px]', 'max-h-[340px]'];
@@ -16,6 +13,7 @@ var script = defineComponent({
   components: {
     OrPopover: __vue_component__$1
   },
+  inheritAttrs: false,
   props: {
     trigger: {
       type: HTMLElement,
@@ -27,7 +25,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:state'],
-  expose: ['root', 'open', 'close', 'isOpen', 'toggle'],
+  expose: ['root', 'isOpen', 'open', 'close', 'toggle'],
   setup() {
     // Refs
     const root = ref();
@@ -36,13 +34,13 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
     });
+    // Styles
+    const rootStyles = computed(() => ['or-menu', ...MenuRoot]);
+    // State
     const isOpen = computed(() => {
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.isOpen;
     });
-    // Styles
-    const rootStyles = computed(() => ['or-menu', ...MenuRoot]);
-    const bodyStyles = computed(() => [...MenuBody]);
     // Methods
     function open() {
       const popoverInstance = popover.value;
@@ -76,7 +74,6 @@ var script = defineComponent({
       popover,
       popoverRoot,
       rootStyles,
-      bodyStyles,
       isOpen,
       open,
       close,
@@ -94,10 +91,7 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "root",
-    class: _vm.rootStyles
-  }, [_c('OrPopover', {
+  return _c('OrPopover', {
     ref: "popover",
     attrs: {
       "variant": 'auto',
@@ -111,15 +105,16 @@ var __vue_render__ = function () {
         return _vm.$emit('update:state', $event);
       }
     }
-  }, [_c('div', {
-    class: _vm.bodyStyles,
+  }, [_c('div', _vm._b({
+    ref: "root",
+    class: _vm.rootStyles,
     on: {
       "click": function ($event) {
         $event.stopPropagation();
         return _vm.onClick.apply(null, arguments);
       }
     }
-  }, [_vm._t("default")], 2)])], 1);
+  }, 'div', _vm.$attrs, false), [_vm._t("default")], 2)]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrModal-a938e31b.js → OrModal-8fc5ddc9.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-140f940e.js';
-import { _ as __vue_component__$1 } from './OrOverlay-2ded265b.js';
+import { _ as __vue_component__$2 } from './OrIconButton-612c64c4.js';
+import { _ as __vue_component__$1 } from './OrOverlay-a019186f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ModalSize;

package/dist/esm/v2/{OrNotification-e8c1df46.js → OrNotification-507c3e75.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-140f940e.js';
+import { _ as __vue_component__$2 } from './OrIconButton-612c64c4.js';
 import { _ as __vue_component__$1 } from './OrIcon-c434985a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrOverlay-2ded265b.js → OrOverlay-a019186f.js}

@@ -1,6 +1,6 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useElevation } from './useElevation-92fce12c.js';
+import { u as useElevation } from './useElevation-31bfe1f6.js';
 import { _ as __vue_component__$1 } from './OrTeleport.vue2-fb92f29f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrPagination-f7f540d1.js → OrPagination-04e810bc.js}

@@ -1,16 +1,18 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrButton-66964360.js';
+import '@vueuse/core';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
+import { _ as __vue_component__$1 } from './OrButton-18f4431c.js';
 import { _ as __vue_component__$2 } from './OrIcon-c434985a.js';
 import { _ as __vue_component__$4 } from './OrMenuItem-4f810513.js';
-import { _ as __vue_component__$3 } from './OrMenu-1adef5df.js';
-import './OrPopover-b3746279.js';
+import { _ as __vue_component__$3 } from './OrMenu-943e7760.js';
+import './OrPopover-d5d4f62a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const PaginationRoot = [
 // Layout
 'layout-row',
 // Spacing
-'gap-xl',
+'gap-lg md:gap-xl',
 // Typography
 'typography-caption-regular',
 // Theme
@@ -60,6 +62,10 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     const limitButton = ref();
@@ -121,22 +127,30 @@ var script = defineComponent({
       return Math.ceil(props.length / currentLimit.value);
     });
     const buttonGroup = computed(() => {
-      return Array.from({
+      const pages = Array.from({
         length: lastPage.value
-      }, (_, index) => index + 1).map(page => {
-        switch (true) {
-          case page > firstPage.value && page < currentPage.value - 1:
-          case page > currentPage.value + 1 && page < lastPage.value:
-            return '…';
-          default:
-            return page;
-        }
-      }).reduce((accumulator, page) => {
-        if (accumulator[accumulator.length - 1] === page) {
-          return accumulator;
-        }
-        return [...accumulator, page];
-      }, []);
+      }, (_, index) => index + 1);
+      switch (true) {
+        case currentPage.value < firstPage.value + 4:
+          return [...pages.slice(0, 5), '…', lastPage.value];
+        case currentPage.value > lastPage.value - 4:
+          return [firstPage.value, '…', ...pages.slice(-5)];
+        default:
+          return pages.map(page => {
+            switch (true) {
+              case page > firstPage.value && page < currentPage.value - 1:
+              case page < lastPage.value && page > currentPage.value + 1:
+                return '…';
+              default:
+                return page;
+            }
+          }).reduce((accumulator, page) => {
+            if (accumulator[accumulator.length - 1] === page) {
+              return accumulator;
+            }
+            return [...accumulator, page];
+          }, []);
+      }
     });
     // Methods
     function toPreviousPage() {
@@ -149,6 +163,8 @@ var script = defineComponent({
       currentPage.value = page;
     }
     return {
+      isDesktop,
+      isMobile,
       root,
       limitButton,
       limitButtonRoot,
@@ -202,7 +218,7 @@ var __vue_render__ = function () {
     attrs: {
       "icon": 'keyboard_arrow_left'
     }
-  })], 1), _vm._v(" "), _vm._l(_vm.buttonGroup, function (page, index) {
+  })], 1), _vm._v(" "), _vm.isDesktop ? [_vm._l(_vm.buttonGroup, function (page, index) {
     return _c('OrButton', {
       key: index,
       class: _vm.itemStyles,
@@ -217,7 +233,7 @@ var __vue_render__ = function () {
           typeof page === 'number' && _vm.toPage(page);
         }
       }
-    }, [_vm._v("\n      " + _vm._s(page) + "\n    ")]);
+    }, [_vm._v("\n        " + _vm._s(page) + "\n      ")]);
   }), _vm._v(" "), _c('OrButton', {
     class: _vm.itemStyles,
     attrs: {
@@ -235,9 +251,9 @@ var __vue_render__ = function () {
     attrs: {
       "icon": 'keyboard_arrow_right'
     }
-  })], 1)], 2), _vm._v(" "), _c('div', {
+  })], 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     class: _vm.limitControlStyles
-  }, [_vm._v("\n    Per page:\n\n    "), _c('OrButton', {
+  }, [_vm.isDesktop ? [_vm._v("\n      Per page:\n    ")] : _vm._e(), _vm._v(" "), _c('OrButton', {
     ref: "limitButton",
     class: _vm.itemStyles,
     attrs: {
@@ -253,10 +269,11 @@ var __vue_render__ = function () {
     }
   }, [_vm._v("\n      " + _vm._s(_vm.currentLimit) + " "), _c('OrIcon', {
     attrs: {
-      "icon": 'arrow_drop_down'
+      "icon": _vm.limitMenu && _vm.limitMenu.isOpen ? 'arrow_drop_up' : 'arrow_drop_down'
     }
   })], 1), _vm._v(" "), _c('OrMenu', {
     ref: "limitMenu",
+    class: ['min-w-[60px]'],
     attrs: {
       "trigger": _vm.limitButtonRoot,
       "placement": 'top'
@@ -268,10 +285,30 @@ var __vue_render__ = function () {
         "click": function ($event) {
           $event.stopPropagation();
           _vm.currentLimit = pageSize;
+          _vm.limitMenu.close();
         }
       }
     }, [_vm._v("\n        " + _vm._s(pageSize) + "\n      ")]);
-  }), 1)], 1)]);
+  }), 1)], 2), _vm._v(" "), _vm.isMobile ? [_c('div', {
+    class: _vm.offsetControlStyles
+  }, [_c('OrButton', {
+    class: _vm.itemStyles,
+    attrs: {
+      "variant": 'link',
+      "color": 'inherit',
+      "disabled": _vm.currentPage === _vm.lastPage
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.toNextPage();
+      }
+    }
+  }, [_c('OrIcon', {
+    attrs: {
+      "icon": 'keyboard_arrow_right'
+    }
+  })], 1)], 1)] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrPopover-b3746279.js → OrPopover-d5d4f62a.js}

@@ -1,9 +1,9 @@
 import { autoUpdate, computePosition, flip, shift, hide } from '@floating-ui/dom';
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
-import { u as useElevation } from './useElevation-92fce12c.js';
+import { u as useElevation } from './useElevation-31bfe1f6.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { _ as __vue_component__$1 } from './OrBottomSheet-c9bfe63f.js';
+import { _ as __vue_component__$1 } from './OrBottomSheet-37200385.js';
 import { _ as __vue_component__$2 } from './OrTeleport.vue2-fb92f29f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -219,7 +219,7 @@ var script = defineComponent({
     });
     // #endregion
     // #region Elevation
-    useElevation(root, state);
+    useElevation(root);
     // #endregion
     return {
       isDesktop,

package/dist/esm/v2/{OrProgress-b7d1c689.js → OrProgress-9fc95bd7.js}

@@ -34,7 +34,7 @@ const ProgressRootTypes = {
 const ProgressHeader = [
 // Layout
 'flex', 'flex-row',
-// Sizing
+// Spacing
 'mb-[6px]'];
 const ProgressHeaderLabel = [
 // Typography
@@ -42,7 +42,7 @@ const ProgressHeaderLabel = [
 // Theme
 'text-on-background', 'dark:text-on-background-dark'];
 const ProgressHeaderPercent = [
-// Sizing
+// Spacing
 'ml-auto'];
 const ProgressBarBackground = [
 // Theme
@@ -75,7 +75,7 @@ const ProgressBarColors = {
   'stroke-error-hover', 'dark:stroke-error-hover-dark']
 };
 const ProgressFooter = [
-// Sizing
+// Spacing
 'mt-[2px]'];
 
 var script = defineComponent({

package/dist/esm/v2/{OrSearch-6aaba430.js → OrSearch-02d8a65c.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-b241f15f.js';
+import { _ as __vue_component__$1 } from './OrInput-0b8a515c.js';
 import { a as InputBoxSize } from './OrInputBox-53d1f66d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-84c2079c.js → OrSelect-bdc0ccb5.js}

@@ -8,11 +8,11 @@ import { _ as __vue_component__$3 } from './OrExpansionPanel-0a12d957.js';
 import { _ as __vue_component__$4 } from './OrHint-78b399cb.js';
 import { _ as __vue_component__$5 } from './OrIcon-c434985a.js';
 import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-53d1f66d.js';
-import { _ as __vue_component__$6 } from './OrInput-b241f15f.js';
+import { _ as __vue_component__$6 } from './OrInput-0b8a515c.js';
 import { _ as __vue_component__$8 } from './OrLabel-0945a4d9.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-4f810513.js';
-import { _ as __vue_component__$a } from './OrPopover-b3746279.js';
-import { _ as __vue_component__$b } from './OrTag-1ed1265c.js';
+import { _ as __vue_component__$a } from './OrPopover-d5d4f62a.js';
+import { _ as __vue_component__$b } from './OrTag-359c25b6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [

package/dist/esm/v2/{OrSidebar-6b246de1.js → OrSidebar-36643782.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-9178923e.js';
+import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-7483360e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [
@@ -109,12 +109,12 @@ const SidebarHeader = [
 const SidebarContent = [
 // Layout
 'grow', 'overflow-auto',
-// Sizing
+// Spacing
 'p-md'];
 const SidebarFooter = [
 // Layout
 'shrink-0', 'overflow-x-hidden',
-// Sizing
+// Spacing
 'p-md',
 // Borders
 'border-t-[1px]', 'border-t-solid', 'border-t-outline-variant dark:border-t-outline-variant-dark'];

package/dist/esm/v2/{OrSidebarCollapseButton-9178923e.js → OrSidebarCollapseButton-7483360e.js}

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

package/dist/esm/v2/{OrTabs-6d7d9d7e.js → OrTabs-5f53127f.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-c434985a.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-4f810513.js';
-import { _ as __vue_component__$2 } from './OrMenu-1adef5df.js';
-import './OrPopover-b3746279.js';
+import { _ as __vue_component__$2 } from './OrMenu-943e7760.js';
+import './OrPopover-d5d4f62a.js';
 import { _ as __vue_component__$4 } from './OrTab-1ff87c76.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTag-1ed1265c.js → OrTag-359c25b6.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-140f940e.js';
+import { _ as __vue_component__$1 } from './OrIconButton-612c64c4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;
@@ -18,7 +18,7 @@ const TagRoot = [
 // Layout
 'layout-inline-row',
 // Box
-'max-w-fit',
+'max-w-min',
 // Shape
 'rounded-full',
 // Spacing

package/dist/esm/v2/{OrTooltip-34d2e01f.js → OrTooltip-233c67b9.js}

@@ -1,14 +1,16 @@
 import { useDebounceFn, useElementHover } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-b3746279.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-d5d4f62a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TooltipRoot = [
 // Layout
-'layout-inline-row justify-center'];
+'inline-block'];
 const TooltipBody = [
 // Layout
 'layout-inline-row',
+// Box
+'max-w-min',
 // Shape
 'rounded-sm',
 // Spacing