@onereach/ui-components 2.75.2-beta.2392.0 → 2.75.2-beta.2399.0

package/dist/bundled/v3/{OrMenu-8b83138c.js → OrMenu-c982d515.js}

@@ -1,9 +1,12 @@
-import { s as script } from './OrMenu.vue_vue_type_script_lang-165f8e69.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
+import { s as script } from './OrMenu.vue_vue_type_script_lang-cefb0eca.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, withModifiers, renderSlot } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrPopover = resolveComponent("OrPopover");
-  return openBlock(), createBlock(_component_OrPopover, {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_OrPopover, {
     ref: "popover",
     variant: 'auto',
     trigger: _ctx.trigger,
@@ -12,15 +15,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "disable-default-styles": false,
     "onUpdate:state": _cache[1] || (_cache[1] = $event => _ctx.$emit('update:state', $event))
   }, {
-    default: withCtx(() => [createElementVNode("div", mergeProps({
-      ref: "root"
-    }, _ctx.$attrs, {
-      class: _ctx.rootStyles,
+    default: withCtx(() => [createElementVNode("div", {
+      class: normalizeClass(_ctx.bodyStyles),
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
-    }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
+    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["trigger", "placement"]);
+  }, 8 /* PROPS */, ["trigger", "placement"])], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-165f8e69.js → OrMenu.vue_vue_type_script_lang-cefb0eca.js}

@@ -4,6 +4,9 @@ import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_s
 
 const MenuRoot = [
 // Layout
+'inline-block'];
+const MenuBody = [
+// Layout
 'overflow-y-auto',
 // Box
 'min-w-[160px]', 'md:max-w-[256px]', 'max-h-[340px]'];
@@ -13,7 +16,6 @@ var script = defineComponent({
   components: {
     OrPopover: script$1
   },
-  inheritAttrs: false,
   props: {
     trigger: {
       type: HTMLElement,
@@ -25,7 +27,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:state'],
-  expose: ['root', 'isOpen', 'open', 'close', 'toggle'],
+  expose: ['root', 'open', 'close', 'isOpen', 'toggle'],
   setup() {
     // Refs
     const root = ref();
@@ -34,13 +36,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;
@@ -74,6 +76,7 @@ var script = defineComponent({
       popover,
       popoverRoot,
       rootStyles,
+      bodyStyles,
       isOpen,
       open,
       close,

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-f578de92.js → OrModal.vue_vue_type_script_lang-3f3ce339.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch } from 'vue';
 import './OrBottomSheet.vue_vue_type_script_lang-7b8553e9.js';
-import './OrIconButton-7e142abb.js';
+import './OrIconButton-8f4c68e9.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-a1f3f02c.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7c2615be.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8670c49e.js';
 
 var ModalSize;
 (function (ModalSize) {

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-6462f3c0.js → OrNotification.vue_vue_type_script_lang-7dd0d85f.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue';
 import './OrIcon-0239fc17.js';
-import './OrIconButton-7e142abb.js';
+import './OrIconButton-8f4c68e9.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-6a85c6c6.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7c2615be.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8670c49e.js';
 
 var NotificationVariant;
 (function (NotificationVariant) {

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-b5b74d1c.js → OrPagination.vue_vue_type_script_lang-a79c359c.js}

@@ -1,19 +1,18 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrButton-3844dcde.js';
+import './OrButton-452d3149.js';
 import './OrIcon-0239fc17.js';
-import './OrMenu-8b83138c.js';
+import './OrMenu-c982d515.js';
 import './OrMenuItem-1917f51a.js';
-import { u as useResponsive } from './useResponsive-9d397e2a.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-3234f823.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-7d4f420c.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-6a85c6c6.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-165f8e69.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-cefb0eca.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-0b643c00.js';
 
 const PaginationRoot = [
 // Layout
 'layout-row',
 // Spacing
-'gap-lg md:gap-xl',
+'gap-xl',
 // Typography
 'typography-caption-regular',
 // Theme
@@ -63,10 +62,6 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive();
     // Refs
     const root = ref();
     const limitButton = ref();
@@ -128,32 +123,22 @@ var script = defineComponent({
       return Math.ceil(props.length / currentLimit.value);
     });
     const buttonGroup = computed(() => {
-      const pages = Array.from({
+      return Array.from({
         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:
-          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];
-          }, []);
-      }
+      }, (_, 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];
+      }, []);
     });
     // Methods
     function toPreviousPage() {
@@ -166,8 +151,6 @@ var script = defineComponent({
       currentPage.value = page;
     }
     return {
-      isDesktop,
-      isMobile,
       root,
       limitButton,
       limitButtonRoot,

package/dist/bundled/v3/{OrProgress.vue_vue_type_script_lang-2977ac52.js → OrProgress.vue_vue_type_script_lang-c387db0b.js}

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

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-0732e87f.js → OrRadio.vue_vue_type_script_lang-5d88f0b4.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive } from 'vue';
-import './OrLabel-66e5b331.js';
+import './OrLabel-c556887e.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-b2e42f31.js';
-import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-563df945.js';
+import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-191d2304.js';
 
 const RadioRoot = [
 // Layout
@@ -10,7 +10,7 @@ const RadioRoot = [
 'gap-sm+ md:gap-sm'];
 const RadioControl = [
 // Layout
-'layout-inline-row justify-center',
+'layout-row justify-center',
 // Box
 'w-md+ md:w-md', 'h-md+ md:h-md',
 // Shape

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-4e35dbea.js → OrSearch.vue_vue_type_script_lang-9028a3c5.js}

@@ -1,8 +1,8 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue';
-import './OrInput-b951e2e1.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-0b7193c1.js';
-import { a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-b387d4ba.js';
+import './OrInput-13a84d53.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-09a6138d.js';
+import { a as InputBoxSize } from './props-78496a2d.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-82c579a4.js → OrSelect.vue_vue_type_script_lang-30c61027.js}

@@ -1,25 +1,26 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withModifiers, createVNode, vShow, defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-2f40f250.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-08f64a02.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import './OrHint-4d1a5982.js';
+import './OrHint-5d5e4d99.js';
 import { s as script$2 } from './OrExpansionPanel.vue_vue_type_script_lang-cd3b6d36.js';
 import './OrIcon-0239fc17.js';
-import './OrInput-b951e2e1.js';
-import './OrInputBox-358d4856.js';
-import './OrLabel-66e5b331.js';
+import './OrInput-13a84d53.js';
+import './OrInputBox-44f37541.js';
+import './OrLabel-c556887e.js';
 import './OrMenuItem-1917f51a.js';
 import './OrPopover-0c296207.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-a03d1c69.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-b716ad27.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-293d2de2.js';
 import { u as useOverflow } from './useOverflow-6dce216b.js';
-import { s as script$4 } from './OrError.vue_vue_type_script_lang-c97f9dd7.js';
-import { s as script$5 } from './OrHint.vue_vue_type_script_lang-3d9a3b91.js';
+import { s as script$4 } from './OrError.vue_vue_type_script_lang-53648a65.js';
+import { s as script$5 } from './OrHint.vue_vue_type_script_lang-e322f61e.js';
 import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-6a85c6c6.js';
-import { s as script$7 } from './OrInput.vue_vue_type_script_lang-0b7193c1.js';
-import { s as script$8, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-b387d4ba.js';
-import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-563df945.js';
+import { s as script$7 } from './OrInput.vue_vue_type_script_lang-09a6138d.js';
+import { s as script$8 } from './OrInputBox.vue_vue_type_script_lang-c4f9c8ef.js';
+import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-191d2304.js';
 import { s as script$a } from './OrMenuItem.vue_vue_type_script_lang-0b643c00.js';
 import { s as script$b } from './OrPopover.vue_vue_type_script_lang-aa819a00.js';
+import { a as InputBoxSize } from './props-78496a2d.js';
 
 const _hoisted_1$2 = ["value", "indeterminate", "required", "disabled"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
@@ -94,7 +95,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = {
   key: 0,
-  class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'm-[-4px] md:m-[-2px]'])
+  class: /*#__PURE__*/normalizeClass(['layout-row', 'm-[-4px] md:m-[-2px]'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIconButton = resolveComponent("OrIconButton");
@@ -124,7 +125,9 @@ const SelectRoot = [
 'gap-xs'];
 const SelectControl = [
 // Layout
-'layout-row grow',
+'layout-row',
+// Box
+'w-full',
 // Overflow
 'overflow-hidden',
 // Spacing
@@ -214,7 +217,7 @@ var script = defineComponent({
       default: undefined
     },
     error: {
-      type: String,
+      type: [String, Boolean],
       default: undefined
     },
     required: {
@@ -291,7 +294,6 @@ var script = defineComponent({
         proxyModelValue.value = [];
       }
     });
-    const invalid = computed(() => !!props.error);
     const readonly = computed(() => context.attrs.readonly);
     const selection = computed(() => {
       const modelValue = proxyModelValue.value;
@@ -372,7 +374,6 @@ var script = defineComponent({
       noSearchResultsStyles,
       controlId,
       proxyModelValue,
-      invalid,
       readonly,
       selection,
       searchText,

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-a91d5474.js → OrSidebar.vue_vue_type_script_lang-4639bf0e.js}

@@ -1,7 +1,7 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, defineComponent, ref, computed, useSlots, watch } from 'vue';
-import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton.vue_vue_type_script_lang-fe9a139e.js';
+import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton.vue_vue_type_script_lang-a46ed51a.js';
 
 const SidebarRoot = [
 // Position
@@ -108,12 +108,12 @@ const SidebarHeader = [
 const SidebarContent = [
 // Layout
 'grow', 'overflow-auto',
-// Spacing
+// Sizing
 'p-md'];
 const SidebarFooter = [
 // Layout
 'shrink-0', 'overflow-x-hidden',
-// Spacing
+// Sizing
 'p-md',
 // Borders
 'border-t-[1px]', 'border-t-solid', 'border-t-outline-variant dark:border-t-outline-variant-dark'];

package/dist/bundled/v3/{OrSidebarCollapseButton.vue_vue_type_script_lang-fe9a139e.js → OrSidebarCollapseButton.vue_vue_type_script_lang-a46ed51a.js}

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import { defineComponent, ref, computed } from 'vue';
-import './OrIconButton-7e142abb.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7c2615be.js';
+import './OrIconButton-8f4c68e9.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-8670c49e.js';
 
 var OrSidebarPlacement;
 (function (OrSidebarPlacement) {

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-8f9398f8.js → OrSwitch.vue_vue_type_script_lang-fd43080e.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, reactive } from 'vue';
-import './OrLabel-66e5b331.js';
+import './OrLabel-c556887e.js';
 import './OrLoader-be9d72cd.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-b2e42f31.js';
-import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-563df945.js';
+import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-191d2304.js';
 import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-65971a23.js';
 
 const SwitchRoot = [
@@ -12,7 +12,7 @@ const SwitchRoot = [
 'gap-sm+ md:gap-sm'];
 const SwitchControl = [
 // Layout
-'layout-inline-row justify-start checked:justify-end',
+'layout-row justify-start checked:justify-end',
 // Box
 'w-[43px] md:w-[37px]', 'h-[24px] md:h-[21px]',
 // Shape

package/dist/bundled/v3/{OrTab.vue_vue_type_script_lang-b2dc97c2.js → OrTab.vue_vue_type_script_lang-f791efa0.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue';
 
 const TabRoot = [
 // Layout
-'layout-inline-row justify-center',
+'layout-row justify-center',
 // Spacing
 'py-[6px]',
 // Interactivity

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-b9279206.js → OrTabs.vue_vue_type_script_lang-c8df52e6.js}

@@ -1,11 +1,11 @@
 import { useResizeObserver } from '@vueuse/core';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue';
 import './OrIcon-0239fc17.js';
-import './OrMenu-8b83138c.js';
+import './OrMenu-c982d515.js';
 import './OrMenuItem-1917f51a.js';
-import { s as script$1 } from './OrTab.vue_vue_type_script_lang-b2dc97c2.js';
+import { s as script$1 } from './OrTab.vue_vue_type_script_lang-f791efa0.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-6a85c6c6.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-165f8e69.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-cefb0eca.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-0b643c00.js';
 
 const _hoisted_1 = ["selected"];
@@ -32,7 +32,7 @@ var TabsVariant;
 
 const TabsRoot = [
 // Layout
-'grid', 'grid-flow-col', 'items-center',
+'grid', 'items-center', 'grid-flow-col',
 // Box
 'overflow-hidden',
 // Spacing

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-a03d1c69.js → OrTag.vue_vue_type_script_lang-b716ad27.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue';
-import './OrIconButton-7e142abb.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7c2615be.js';
+import './OrIconButton-8f4c68e9.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-8670c49e.js';
 
 var TagVariant;
 (function (TagVariant) {
@@ -17,12 +17,16 @@ var TagColor;
 const TagRoot = [
 // Layout
 'layout-inline-row',
+// Box
+'w-fit', 'max-w-full',
 // 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'];
+'typography-caption-regular whitespace-nowrap',
+// Theme
+'disabled:!bg-disabled', 'dark:disabled:!bg-disabled-dark', 'disabled:!text-on-disabled', 'dark:disabled:!text-on-disabled-dark'];
 const TagRootVariants = {
   'tag': [
   // Interactivity

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-7889c03a.js → OrTextarea.vue_vue_type_script_lang-b2899ba6.js}

@@ -1,13 +1,14 @@
 import { defineComponent, ref, computed, reactive } from 'vue';
-import './OrHint-4d1a5982.js';
-import './OrInputBox-358d4856.js';
-import './OrLabel-66e5b331.js';
+import './OrHint-5d5e4d99.js';
+import './OrInputBox-44f37541.js';
+import './OrLabel-c556887e.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-b2e42f31.js';
 import { u as useValidationAttributes } from './useValidationAttributes-5428d8fa.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-c97f9dd7.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-3d9a3b91.js';
-import { s as script$3, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-b387d4ba.js';
-import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-563df945.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-53648a65.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-e322f61e.js';
+import { s as script$3 } from './OrInputBox.vue_vue_type_script_lang-c4f9c8ef.js';
+import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-191d2304.js';
+import { a as InputBoxSize } from './props-78496a2d.js';
 
 const TextareaRoot = [
 // Layout
@@ -15,8 +16,8 @@ const TextareaRoot = [
 // Spacing
 'gap-xs'];
 const TextareaControl = [
-// Layout
-'grow',
+// Box
+'w-full',
 // Typography
 'typography-inherit',
 // Theme
@@ -56,7 +57,7 @@ var script = defineComponent({
       default: undefined
     },
     error: {
-      type: String,
+      type: [String, Boolean],
       default: undefined
     },
     required: {
@@ -98,7 +99,6 @@ var script = defineComponent({
       return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
     });
     const maxLength = computed(() => controlAttributes.maxlength);
-    const invalid = computed(() => !!props.error);
     // Methods
     function focus() {
       var _a;
@@ -117,7 +117,6 @@ var script = defineComponent({
       proxyModelValue,
       currentLength,
       maxLength,
-      invalid,
       focus,
       blur
     };

package/dist/bundled/v3/{OrToastContainer-5017cbf9.js → OrToastContainer-6a85ebf8.js}

@@ -1,4 +1,4 @@
-import { a as script } from './types-1d9f9c3f.js';
+import { a as script } from './types-661a05a5.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createVNode, TransitionGroup, createElementBlock, Fragment, renderList, mergeProps, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/bundled/v3/{OrTooltip.vue_vue_type_script_lang-a51714f9.js → OrTooltip.vue_vue_type_script_lang-a17ed18c.js}

@@ -5,7 +5,7 @@ import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_s
 
 const TooltipRoot = [
 // Layout
-'layout-inline-row'];
+'layout-inline-row justify-center'];
 const TooltipBody = [
 // Layout
 'layout-inline-row',