@onereach/ui-components 2.74.3-beta.2313.0 → 2.74.3-beta.2324.0

package/dist/bundled/v3/{types-74c704ca.js → types-6852b876.js}

@@ -1,9 +1,9 @@
 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-a57cead1.js';
+import './OrIconButton-1d0ad1d0.js';
 import './OrLoader-123ef8c4.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7f08d21a.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-c578a054.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-7edd25f6.js';

package/dist/esm/v2/{OrButton-5c60e9d1.js → OrButton-53b9b742.js}

@@ -83,7 +83,7 @@ const ButtonRootColors = {
   'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
   'inherit-link': [
   // Theme
-  'theme-foreground-inherit', 'dark:theme-foreground-inherit',
+  'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark',
   // Theme (activated)
   'activated:theme-foreground-default', 'dark:activated:theme-foreground-default-dark']
 };

package/dist/esm/v2/{OrCardCollection-7ffc8c40.js → OrCardCollection-c996b8d3.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { _ as __vue_component__$3 } from './OrButton-5c60e9d1.js';
-import { _ as __vue_component__$2 } from './OrIconButton-0697bd30.js';
+import { _ as __vue_component__$3 } from './OrButton-53b9b742.js';
+import { _ as __vue_component__$2 } from './OrIconButton-a8ea7fda.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-943e7760.js';
 import './OrPopover-d5d4f62a.js';
-import { _ as __vue_component__$7 } from './OrSearch-d7f48322.js';
+import { _ as __vue_component__$7 } from './OrSearch-2822cc31.js';
 import './OrInputBox-53d1f66d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -23,7 +23,7 @@ const CardCollectionToolbar = [
 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const CardCollectionToolbarPanel = [
 // Layout
-'layout-row',
+'layout-inline-row',
 // Spacing
 'gap-lg+'];
 const CardCollectionContent = [

package/dist/esm/v2/{OrCheckbox-b380c131.js → OrCheckbox-6790abd6.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-0945a4d9.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-49398089.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 
@@ -12,7 +12,7 @@ const CheckboxRoot = [
 'gap-sm+ md:gap-sm'];
 const CheckboxControl = [
 // Layout
-'layout-row justify-center',
+'layout-inline-row justify-center',
 // Box
 'w-md+ md:w-md', 'h-md+ md:h-md',
 // Shape

package/dist/esm/v2/{OrConfirm-bc9f3a25.js → OrConfirm-48b904e6.js}

@@ -1,8 +1,8 @@
 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-5c60e9d1.js';
-import { _ as __vue_component__$3 } from './OrInput-60b73800.js';
+import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-53b9b742.js';
+import { _ as __vue_component__$3 } from './OrInput-47411a00.js';
 import { _ as __vue_component__$1 } from './OrOverlay-a019186f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -31,7 +31,7 @@ const ConfirmRoot = [
 'shadow-modal', 'dark:shadow-modal-dark'];
 const ConfirmHeader = [
 // Layout
-'flex', 'items-center', 'justify-between',
+'layout-row justify-between',
 // Typography
 'typography-headline-3'];
 const ConfirmInput = [
@@ -40,21 +40,19 @@ const ConfirmInput = [
 // Spacing
 'mt-md'];
 const ConfirmFooter = [
-// Layout
-'flex', 'items-center', 'justify-between',
 // Spacing
 'gap-md'];
 const ConfirmFooterTypes = {
   [ConfirmType.C]: [
   // Layout
-  'flex-row'],
+  'layout-row'],
   [ConfirmType.D]: [
   // Layout
-  'flex-row-reverse']
+  'layout-row-reverse']
 };
 const ConfirmFooterButtons = [
 // Layout
-'grow',
+'!grow',
 // Box
 'w-auto md:w-[128px]'];
 

package/dist/esm/v2/{OrError-13845bb0.js → OrError-9e7976ef.js}

@@ -11,13 +11,11 @@ const ErrorRoot = [
 // Theme
 'theme-foreground-error', 'dark:theme-foreground-error-dark'];
 const ErrorText = [
-// Layout
-'grow',
 // Interactivity
 'interactivity-none'];
 const ErrorAddon = [
 // Layout
-'layout-row empty:hidden',
+'layout-inline-row empty:hidden',
 // Typography
 'whitespace-nowrap'];
 

package/dist/esm/v2/{OrErrorTag-3aaab419.js → OrErrorTag-32ba5c0c.js}

@@ -5,8 +5,6 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 const ErrorTagRoot = [
 // Layout
 'layout-inline-row',
-// Box
-'max-w-min',
 // Shape
 'rounded-full',
 // Spacing
@@ -48,7 +46,7 @@ var __vue_render__ = function () {
     ref: "root",
     class: _vm.rootStyles
   }, [_c('div', {
-    class: ['layout-row', 'm-[-4px] md:m-[-2px]']
+    class: ['layout-inline-row', 'm-[-4px] md:m-[-2px]']
   }, [_c('OrIcon', {
     attrs: {
       "icon": 'error',

package/dist/esm/v2/{OrHint-78b399cb.js → OrHint-272790e7.js}

@@ -11,13 +11,11 @@ const HintRoot = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 const HintText = [
-// Layout
-'grow',
 // Interactivity
 'interactivity-none'];
 const HintAddon = [
 // Layout
-'layout-row empty:hidden',
+'layout-inline-row empty:hidden',
 // Typography
 'whitespace-nowrap'];
 

package/dist/esm/v2/{OrIconButton-0697bd30.js → OrIconButton-a8ea7fda.js}

@@ -51,7 +51,7 @@ const IconButtonRootColors = {
   'active:outline-error-opacity-0-16', 'dark:active:outline-error-opacity-0-16-dark'],
   'inherit': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit', 'dark:theme-foreground-inherit',
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark',
   // Theme (hover)
   'hover:outline-primary-opacity-0-08', 'dark:hover:outline-primary-opacity-0-08-dark',
   // Theme (focus)

package/dist/esm/v2/{OrInlineInput-5535d1ac.js → OrInlineInput-70eb6e4c.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 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-0697bd30.js';
+import { _ as __vue_component__$1 } from './OrError-9e7976ef.js';
+import { _ as __vue_component__$2 } from './OrHint-272790e7.js';
+import { _ as __vue_component__$3 } from './OrIconButton-a8ea7fda.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';
@@ -29,7 +29,7 @@ const InlineInputControl = [
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineInputAction = [
 // Layout
-'layout-row self-start',
+'layout-inline-row self-start',
 // Spacing
 'gap-sm+',
 // Theme

package/dist/esm/v2/{OrInlineTextarea-8ec1bab1.js → OrInlineTextarea-3d117cff.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 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-0697bd30.js';
+import { _ as __vue_component__$1 } from './OrError-9e7976ef.js';
+import { _ as __vue_component__$2 } from './OrHint-272790e7.js';
+import { _ as __vue_component__$3 } from './OrIconButton-a8ea7fda.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';
@@ -23,7 +23,7 @@ const InlineTextareaControl = [
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineTextareaAction = [
 // Layout
-'layout-row self-start',
+'layout-inline-row self-start',
 // Spacing
 'px-none', 'py-sm', 'gap-sm+',
 // Theme

package/dist/esm/v2/{OrInput-60b73800.js → OrInput-47411a00.js}

@@ -3,12 +3,12 @@ import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute
 import '@vueuse/core';
 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-0697bd30.js';
+import { _ as __vue_component__$1 } from './OrError-9e7976ef.js';
+import { _ as __vue_component__$2 } from './OrHint-272790e7.js';
+import { _ as __vue_component__$4 } from './OrIconButton-a8ea7fda.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';
+import { _ as __vue_component__$6 } from './OrLabel-49398089.js';
 import { _ as __vue_component__$7 } from './OrLoader-76307488.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -315,7 +315,7 @@ var __vue_render__ = function () {
       }
     }
   }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('div', {
-    class: ['layout-row']
+    class: ['layout-inline-row']
   }, [_vm.loading ? [_c('OrLoader', {
     attrs: {
       "variant": 'circular',
@@ -383,14 +383,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-9ec674d8_0", {
-    source: "input[data-v-9ec674d8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-9ec674d8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-9ec674d8]::-webkit-search-cancel-button{display:none}",
+  inject("data-v-06a705f8_0", {
+    source: "input[data-v-06a705f8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-06a705f8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-06a705f8]::-webkit-search-cancel-button{display:none}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-9ec674d8";
+const __vue_scope_id__ = "data-v-06a705f8";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrLabel-0945a4d9.js → OrLabel-49398089.js}

@@ -31,7 +31,7 @@ const LabelText = [
 'interactivity-auto !cursor-default'];
 const LabelAddon = [
 // Layout
-'layout-row empty:hidden',
+'layout-inline-row empty:hidden',
 // Typography
 'whitespace-nowrap'];
 

package/dist/esm/v2/{OrLink-597e0e18.js → OrLink-17b4b974.js}

@@ -32,7 +32,9 @@ const LinkRootColors = {
   'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
   'inherit': [
   // Theme
-  'theme-foreground-inherit', 'hover:theme-foreground-primary-hover', 'disabled:!text-on-disabled', 'disabled:dark:!text-on-disabled-dark']
+  'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark',
+  // Theme (hover)
+  'hover:theme-foreground-primary-hover', 'dark:hover:theme-foreground-primary-hover-dark']
 };
 
 var script = defineComponent({

package/dist/esm/v2/{OrModal-b6789948.js → OrModal-e6a21f45.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-0697bd30.js';
+import { _ as __vue_component__$2 } from './OrIconButton-a8ea7fda.js';
 import { _ as __vue_component__$1 } from './OrOverlay-a019186f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrNotification-66c5e7db.js → OrNotification-5388ef8a.js}

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

package/dist/esm/v2/{OrPagination-2acbe69a.js → OrPagination-c6c77434.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import '@vueuse/core';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { _ as __vue_component__$1 } from './OrButton-5c60e9d1.js';
+import { _ as __vue_component__$1 } from './OrButton-53b9b742.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-943e7760.js';
@@ -131,6 +131,8 @@ var script = defineComponent({
         length: lastPage.value
       }, (_, index) => index + 1);
       switch (true) {
+        case lastPage.value <= 7:
+          return pages;
         case currentPage.value < firstPage.value + 4:
           return [...pages.slice(0, 5), '…', lastPage.value];
         case currentPage.value > lastPage.value - 4:

package/dist/esm/v2/{OrRadio-87a4d226.js → OrRadio-9be94a51.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-0945a4d9.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-49398089.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 
@@ -12,7 +12,7 @@ const RadioRoot = [
 'gap-sm+ md:gap-sm'];
 const RadioControl = [
 // Layout
-'layout-row justify-center',
+'layout-inline-row justify-center',
 // Box
 'w-md+ md:w-md', 'h-md+ md:h-md',
 // Shape

package/dist/esm/v2/{OrSearch-d7f48322.js → OrSearch-2822cc31.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-60b73800.js';
+import { _ as __vue_component__$1 } from './OrInput-47411a00.js';
 import { a as InputBoxSize } from './OrInputBox-53d1f66d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-aa3e74e9.js → OrSelect-b7120bc2.js}

@@ -2,17 +2,17 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import { u as useOverflow } from './useOverflow-af6161c8.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1 } from './OrCheckbox-b380c131.js';
-import { _ as __vue_component__$2 } from './OrError-13845bb0.js';
+import { _ as __vue_component__$1 } from './OrCheckbox-6790abd6.js';
+import { _ as __vue_component__$2 } from './OrError-9e7976ef.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-0a12d957.js';
-import { _ as __vue_component__$4 } from './OrHint-78b399cb.js';
+import { _ as __vue_component__$4 } from './OrHint-272790e7.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-60b73800.js';
-import { _ as __vue_component__$8 } from './OrLabel-0945a4d9.js';
+import { _ as __vue_component__$6 } from './OrInput-47411a00.js';
+import { _ as __vue_component__$8 } from './OrLabel-49398089.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-4f810513.js';
 import { _ as __vue_component__$a } from './OrPopover-d5d4f62a.js';
-import { _ as __vue_component__$b } from './OrTag-2a82eab0.js';
+import { _ as __vue_component__$b } from './OrTag-50360ee2.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [
@@ -371,7 +371,7 @@ var __vue_render__ = function () {
   })] : [_c('span', {
     class: _vm.placeholderStyles
   }, [_vm._v(_vm._s(_vm.placeholder))])]]], 2), _vm._v(" "), _vm.multiple && _vm.outerItems.length > 0 ? [_vm._v("\n      +" + _vm._s(_vm.outerItems.length) + "\n    ")] : _vm._e(), _vm._v(" "), _c('div', {
-    class: ['layout-row']
+    class: ['layout-inline-row']
   }, [_c('OrIcon', {
     attrs: {
       "icon": _vm.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',

package/dist/esm/v2/{OrSidebar-6dfb9af0.js → OrSidebar-5ca372ad.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-1ce5c19b.js';
+import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-81182ca7.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-1ce5c19b.js → OrSidebarCollapseButton-81182ca7.js}

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

package/dist/esm/v2/{OrSwitch-8549219a.js → OrSwitch-38e20c2d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-0945a4d9.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-49398089.js';
 import { _ as __vue_component__$2 } from './OrLoader-76307488.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -13,7 +13,7 @@ const SwitchRoot = [
 'gap-sm+ md:gap-sm'];
 const SwitchControl = [
 // Layout
-'layout-row justify-start checked:justify-end',
+'layout-inline-row justify-start checked:justify-end',
 // Box
 'w-[43px] md:w-[37px]', 'h-[24px] md:h-[21px]',
 // Shape

package/dist/esm/v2/{OrTab-1ff87c76.js → OrTab-8e1e3751.js}

@@ -3,7 +3,7 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TabRoot = [
 // Layout
-'layout-row justify-center',
+'layout-inline-row justify-center',
 // Spacing
 'py-[6px]',
 // Interactivity

package/dist/esm/v2/{OrTabs-5f53127f.js → OrTabs-c35291b2.js}

@@ -4,7 +4,7 @@ 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-943e7760.js';
 import './OrPopover-d5d4f62a.js';
-import { _ as __vue_component__$4 } from './OrTab-1ff87c76.js';
+import { _ as __vue_component__$4 } from './OrTab-8e1e3751.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TabsVariant;
@@ -15,7 +15,7 @@ var TabsVariant;
 
 const TabsRoot = [
 // Layout
-'grid', 'items-center', 'grid-flow-col',
+'grid', 'grid-flow-col', 'items-center',
 // Box
 'overflow-hidden',
 // Spacing

package/dist/esm/v2/{OrTag-2a82eab0.js → OrTag-50360ee2.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-0697bd30.js';
+import { _ as __vue_component__$1 } from './OrIconButton-a8ea7fda.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;
@@ -17,16 +17,12 @@ var TagColor;
 const TagRoot = [
 // Layout
 'layout-inline-row',
-// Box
-'max-w-min',
 // Shape
 'rounded-full',
 // Spacing
 'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm+ md:gap-sm',
 // Typography
-'typography-caption-regular whitespace-nowrap',
-// Theme
-'disabled:!bg-disabled', 'dark:disabled:!bg-disabled-dark', 'disabled:!text-on-disabled', 'dark:disabled:!text-on-disabled-dark'];
+'typography-caption-regular whitespace-nowrap'];
 const TagRootVariants = {
   'tag': [
   // Interactivity
@@ -122,7 +118,7 @@ var __vue_render__ = function () {
       }
     }
   }, [_vm._t("default"), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
-    class: ['layout-row', 'm-[-4px] md:m-[-2px]']
+    class: ['layout-inline-row', 'm-[-4px] md:m-[-2px]']
   }, [_c('OrIconButton', {
     attrs: {
       "icon": 'close',

package/dist/esm/v2/{OrTextarea-373d0554.js → OrTextarea-bb31a6e7.js}

@@ -2,10 +2,10 @@ import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 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__$1 } from './OrError-9e7976ef.js';
+import { _ as __vue_component__$2 } from './OrHint-272790e7.js';
 import { _ as __vue_component__$3, a as InputBoxSize } from './OrInputBox-53d1f66d.js';
-import { _ as __vue_component__$4 } from './OrLabel-0945a4d9.js';
+import { _ as __vue_component__$4 } from './OrLabel-49398089.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';