@onereach/ui-components 2.71.1-beta.2222.0 → 2.71.1-beta.2226.0

package/dist/bundled/v3/{types-f53434f2.js → types-f7b07e1a.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-cd62526d.js';
+import './OrIconButton-50df6117.js';
 import './OrLoader-c4bbef2f.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-aefcf30d.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-b1490ad1.js';
 import { s as script$3 } from './OrLoader.vue_vue_type_script_lang-5405040c.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';

package/dist/esm/v2/{OrCardCollection-e282dda1.js → OrCardCollection-259b2e2b.js}

@@ -1,15 +1,15 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$4 } from './OrMenu-df27d0ef.js';
 import './OrPopover-9bafbdb4.js';
 import { _ as __vue_component__$5 } from './OrMenuItem-c7f28480.js';
 import { _ as __vue_component__$6 } from './OrIcon-5e394c62.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$3 } from './OrButton-835d4f11.js';
-import { _ as __vue_component__$7 } from './OrSearch-5de8264e.js';
-import './OrInputBox.vue_rollup-plugin-vue_script-5253ba98.js';
+import { _ as __vue_component__$7 } from './OrSearch-ebc3b81c.js';
+import './OrInputBox-4d5a318d.js';
 
 const CardCollectionRoot = [
 // Layout

package/dist/esm/v2/{OrCheckbox-ea48d156.js → OrCheckbox-567e387c.js}

@@ -186,14 +186,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-83421e44_0", {
-    source: "input[data-v-83421e44]{appearance:none;line-height:0}",
+  inject("data-v-2076b35e_0", {
+    source: "input[data-v-2076b35e]{appearance:none;line-height:0}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-83421e44";
+const __vue_scope_id__ = "data-v-2076b35e";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrConfirm-826ae4ac.js → OrConfirm-921dbb5d.js}

@@ -2,7 +2,7 @@ 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-835d4f11.js';
-import { _ as __vue_component__$3 } from './OrInput-dd6591ac.js';
+import { _ as __vue_component__$3 } from './OrInput-59cc6981.js';
 import { _ as __vue_component__$1 } from './OrOverlay-18ba2dc6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrIconButton-b3779042.js → OrIconButton-3c81fd64.js}

@@ -35,11 +35,13 @@ const IconButtonRootColors = {
   // Theme
   'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
   // Theme (hover)
-  'hover:outline-primary-opacity-0-08', 'dark:hover:outline-primary-opacity-0-08-dark',
+  'hover:outline-primary-opacity-0-08', 'dark:hover:outline-primary-opacity-0-08-dark', 'hover:theme-foreground-default', 'dark:hover:theme-foreground-default-dark',
   // Theme (focus)
-  'focus:outline-primary-opacity-0-08', 'dark:focus:outline-primary-opacity-0-08-dark',
+  'focus:outline-primary-opacity-0-08', 'dark:focus:outline-primary-opacity-0-08-dark', 'focus:theme-foreground-default', 'dark:focus:theme-foreground-default-dark',
   // Theme (active)
-  'active:outline-primary-opacity-0-16', 'dark:active:outline-primary-opacity-0-16-dark'],
+  'active:outline-primary-opacity-0-16', 'dark:active:outline-primary-opacity-0-16-dark', 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
+  // Theme (selected)
+  'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark'],
   'danger': [
   // Theme
   'theme-preset-3-error', 'dark:theme-preset-3-error-dark',
@@ -80,6 +82,10 @@ var script = defineComponent({
       type: String,
       default: IconSize.M
     },
+    selected: {
+      type: Boolean,
+      default: false
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -119,6 +125,7 @@ var __vue_render__ = function () {
     class: _vm.rootStyles,
     attrs: {
       "type": 'button',
+      "selected": _vm.selected ? '' : null,
       "disabled": _vm.disabled
     },
     on: {

package/dist/esm/v2/{OrInlineInput-43e2ef67.js → OrInlineInput-1ad5ea15.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-d267ee9a.js';
 import { _ as __vue_component__$2 } from './OrHint-42dc9ebb.js';
-import { _ as __vue_component__$3 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$3 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-fefd4fbd.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -20,8 +20,8 @@ const InlineInputRoot = [
 // Spacing
 'gap-xs'];
 const InlineInputControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme

package/dist/esm/v2/{OrInlineTextarea-80ecac50.js → OrInlineTextarea-bfe528e7.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-d267ee9a.js';
 import { _ as __vue_component__$2 } from './OrHint-42dc9ebb.js';
-import { _ as __vue_component__$3 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$3 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-fefd4fbd.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -14,8 +14,8 @@ const InlineTextareaRoot = [
 // Spacing
 'gap-xs'];
 const InlineTextareaControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme

package/dist/esm/v2/{OrInput-dd6591ac.js → OrInput-59cc6981.js}

@@ -3,10 +3,9 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-d267ee9a.js';
 import { _ as __vue_component__$2 } from './OrHint-42dc9ebb.js';
-import { _ as __vue_component__$4 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$4 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$3 } from './OrIcon-5e394c62.js';
-import { _ as __vue_component__$5 } from './OrInputBox-20d65881.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-5253ba98.js';
+import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-4d5a318d.js';
 import { _ as __vue_component__$6 } from './OrLabel-2a9f1477.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -25,8 +24,8 @@ const InputRoot = [
 // Spacing
 'gap-xs'];
 const InputControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme
@@ -152,10 +151,10 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', _vm._b({
+  return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), [_vm.label ? [_c('OrLabel', {
+  }, [_vm.label ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.controlId,
       "variant": 'input',
@@ -177,7 +176,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
     }
-  }, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', {
+  }, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', _vm._b({
     directives: [{
       name: "model",
       rawName: "v-model",
@@ -191,8 +190,6 @@ var __vue_render__ = function () {
       "placeholder": _vm.placeholder,
       "required": _vm.required,
       "disabled": _vm.disabled,
-      "readonly": _vm.readonly,
-      "maxlength": _vm.maxLength,
       "type": "checkbox"
     },
     domProps: {
@@ -228,7 +225,7 @@ var __vue_render__ = function () {
         }
       }
     }
-  }) : (_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'radio' ? _c('input', {
+  }, 'input', _vm.$attrs, false)) : (_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'radio' ? _c('input', _vm._b({
     directives: [{
       name: "model",
       rawName: "v-model",
@@ -242,8 +239,6 @@ var __vue_render__ = function () {
       "placeholder": _vm.placeholder,
       "required": _vm.required,
       "disabled": _vm.disabled,
-      "readonly": _vm.readonly,
-      "maxlength": _vm.maxLength,
       "type": "radio"
     },
     domProps: {
@@ -266,7 +261,7 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = null;
       }
     }
-  }) : _c('input', {
+  }, 'input', _vm.$attrs, false)) : _c('input', _vm._b({
     directives: [{
       name: "model",
       rawName: "v-model",
@@ -280,8 +275,6 @@ var __vue_render__ = function () {
       "placeholder": _vm.placeholder,
       "required": _vm.required,
       "disabled": _vm.disabled,
-      "readonly": _vm.readonly,
-      "maxlength": _vm.maxLength,
       "type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type
     },
     domProps: {
@@ -307,7 +300,7 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = $event.target.value;
       }
     }
-  }), _vm._v(" "), _vm.type !== 'text' ? [_c('div', {
+  }, 'input', _vm.$attrs, false)), _vm._v(" "), _c('div', {
     class: ['layout-row']
   }, [_vm.type === 'password' ? [_c('OrIconButton', {
     attrs: {
@@ -341,7 +334,7 @@ var __vue_render__ = function () {
       "icon": 'search',
       "variant": 'outlined'
     }
-  })]] : _vm._e()], 2)] : _vm._e()], 2), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -370,14 +363,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-2cb9359c_0", {
-    source: "input[data-v-2cb9359c]{min-width:0;background:0 0;outline:0}input[type=number][data-v-2cb9359c]::-webkit-inner-spin-button{display:none}input[type=search][data-v-2cb9359c]::-webkit-search-cancel-button{display:none}",
+  inject("data-v-677a1aa4_0", {
+    source: "input[data-v-677a1aa4]{min-width:0;background:0 0;outline:0}input[type=number][data-v-677a1aa4]::-webkit-inner-spin-button{display:none}input[type=search][data-v-677a1aa4]::-webkit-search-cancel-button{display:none}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-2cb9359c";
+const __vue_scope_id__ = "data-v-677a1aa4";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-c8184afc.js → esm/v2/OrInputBox-4d5a318d.js}

@@ -1,6 +1,18 @@
-import { defineComponent, ref, computed } from 'vue';
-import { I as InputBoxVariant, a as InputBoxSize } from './props-78496a2d.js';
-import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
+import { defineComponent, ref, computed } from 'vue-demi';
+import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+
+var InputBoxVariant;
+(function (InputBoxVariant) {
+  InputBoxVariant["Styled"] = "styled";
+  InputBoxVariant["Unstyled"] = "unstyled";
+})(InputBoxVariant || (InputBoxVariant = {}));
+var InputBoxSize;
+(function (InputBoxSize) {
+  InputBoxSize["M"] = "m";
+  InputBoxSize["S"] = "s";
+})(InputBoxSize || (InputBoxSize = {}));
 
 const InputBoxRoot = [
 // Layout
@@ -32,7 +44,7 @@ const InputBoxRootVariants = {
 const InputBoxRootSizes = {
   'm': [
   // Box
-  'children:min-h-[46px] children:md:min-h-[34px]',
+  'children:min-h-[34px]',
   // Spacing
   'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'children:pt-[11px] children:md:pt-[7px]', 'children:pb-[11px] children:md:pb-[6px]', 'gap-sm+ md:gap-sm',
   // Typography
@@ -85,4 +97,43 @@ var script = defineComponent({
   }
 });
 
-export { script as s };
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', _vm._b({
+    ref: "root",
+    class: _vm.rootStyles,
+    attrs: {
+      "invalid": _vm.invalid ? '' : null,
+      "readonly": _vm.readonly ? '' : null,
+      "disabled": _vm.disabled ? '' : null
+    }
+  }, 'div', _vm.$attrs, false), [_vm._t("default")], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { InputBoxVariant as I, __vue_component__ as _, InputBoxSize as a };

package/dist/esm/v2/{OrModal-a7719843.js → OrModal-8c6fdab4.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$1 } from './OrOverlay-18ba2dc6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrNotification-8a4830a3.js → OrNotification-c0d70dc7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$1 } from './OrIcon-5e394c62.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrRadio-6e10f071.js → OrRadio-848ce55d.js}

@@ -168,14 +168,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-f9edd250_0", {
-    source: "input[data-v-f9edd250]{appearance:none;line-height:0}",
+  inject("data-v-3a964458_0", {
+    source: "input[data-v-3a964458]{appearance:none;line-height:0}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-f9edd250";
+const __vue_scope_id__ = "data-v-3a964458";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrSearch-5de8264e.js → OrSearch-ebc3b81c.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { _ as __vue_component__$1 } from './OrInput-dd6591ac.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-5253ba98.js';
+import { _ as __vue_component__$1 } from './OrInput-59cc6981.js';
+import { a as InputBoxSize } from './OrInputBox-4d5a318d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSelect-c58ce21d.js → OrSelect-7317a963.js}

@@ -3,18 +3,17 @@ import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { u as useOverflow } from './useOverflow-af6161c8.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1 } from './OrCheckbox-ea48d156.js';
+import { _ as __vue_component__$1 } from './OrCheckbox-567e387c.js';
 import { _ as __vue_component__$2 } from './OrError-d267ee9a.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-a123024e.js';
 import { _ as __vue_component__$4 } from './OrHint-42dc9ebb.js';
 import { _ as __vue_component__$5 } from './OrIcon-5e394c62.js';
-import { _ as __vue_component__$7 } from './OrInputBox-20d65881.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-5253ba98.js';
-import { _ as __vue_component__$6 } from './OrInput-dd6591ac.js';
+import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-4d5a318d.js';
+import { _ as __vue_component__$6 } from './OrInput-59cc6981.js';
 import { _ as __vue_component__$8 } from './OrLabel-2a9f1477.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-c7f28480.js';
 import { _ as __vue_component__$a } from './OrPopover-9bafbdb4.js';
-import { _ as __vue_component__$b } from './OrTag-5c404031.js';
+import { _ as __vue_component__$b } from './OrTag-842193c2.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [
@@ -24,9 +23,7 @@ const SelectRoot = [
 'gap-xs'];
 const SelectControl = [
 // Layout
-'layout-row',
-// Box
-'w-full',
+'layout-row grow',
 // Overflow
 'overflow-hidden',
 // Spacing

package/dist/esm/v2/{OrSwitch-c628d2c5.js → OrSwitch-13b6a7ee.js}

@@ -220,14 +220,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-3bd834ea_0", {
-    source: "input[data-v-3bd834ea]{appearance:none;line-height:0}",
+  inject("data-v-bd0f51ac_0", {
+    source: "input[data-v-bd0f51ac]{appearance:none;line-height:0}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-3bd834ea";
+const __vue_scope_id__ = "data-v-bd0f51ac";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrTag-5c404031.js → OrTag-842193c2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$1 } from './OrIconButton-3c81fd64.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/esm/v2/{OrTextarea-b4660f09.js → OrTextarea-6712a150.js}

@@ -3,8 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-d267ee9a.js';
 import { _ as __vue_component__$2 } from './OrHint-42dc9ebb.js';
-import { _ as __vue_component__$3 } from './OrInputBox-20d65881.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-5253ba98.js';
+import { _ as __vue_component__$3, a as InputBoxSize } from './OrInputBox-4d5a318d.js';
 import { _ as __vue_component__$4 } from './OrLabel-2a9f1477.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -15,8 +14,8 @@ const TextareaRoot = [
 // Spacing
 'gap-xs'];
 const TextareaControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme
@@ -122,10 +121,10 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', _vm._b({
+  return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), [_vm.label ? [_c('OrLabel', {
+  }, [_vm.label ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.controlId,
       "variant": 'input',
@@ -146,7 +145,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
     }
-  }, [_c('textarea', {
+  }, [_c('textarea', _vm._b({
     directives: [{
       name: "model",
       rawName: "v-model",
@@ -158,9 +157,7 @@ var __vue_render__ = function () {
       "id": _vm.controlId,
       "placeholder": _vm.placeholder,
       "required": _vm.required,
-      "disabled": _vm.disabled,
-      "readonly": _vm.readonly,
-      "maxlength": _vm.maxLength
+      "disabled": _vm.disabled
     },
     domProps: {
       "value": _vm.proxyModelValue
@@ -185,7 +182,7 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = $event.target.value;
       }
     }
-  })]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  }, 'textarea', _vm.$attrs, false))]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -214,14 +211,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-3c0ea336_0", {
-    source: "textarea[data-v-3c0ea336]{min-width:0;background:0 0;outline:0}",
+  inject("data-v-61af6ad5_0", {
+    source: "textarea[data-v-61af6ad5]{min-width:0;background:0 0;outline:0}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-3c0ea336";
+const __vue_scope_id__ = "data-v-61af6ad5";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -8,18 +8,18 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-835d4f11.js';
 export { _ as OrCard } from '../OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-f6b07557.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-e282dda1.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-259b2e2b.js';
 export { _ as OrCardV3 } from '../OrCard-de799db0.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from '../OrCheckbox-915f1f0a.js';
-export { _ as OrCheckboxV3 } from '../OrCheckbox-ea48d156.js';
+export { _ as OrCheckboxV3 } from '../OrCheckbox-567e387c.js';
 export { _ as OrChip } from '../OrChips.vue_rollup-plugin-vue_script-aa8fedaa.js';
 export { _ as OrChips } from '../OrChips-5e0063be.js';
 export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-d4400b42.js';
 export { _ as OrCollapse } from '../OrCollapse-4d892ca3.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-75abefdd.js';
 export { _ as OrConfirm } from '../OrConfirm-d7112dd3.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-826ae4ac.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-921dbb5d.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-349df9b2.js';
 export { _ as OrError } from '../OrError-081130bb.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-782dd714.js';
@@ -31,15 +31,14 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { _ as OrHint } from '../OrHint-c45f1e09.js';
 export { _ as OrHintV3 } from '../OrHint-42dc9ebb.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-819166f6.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-b3779042.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-3c81fd64.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from '../OrIcon-5e394c62.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from '../OrInlineInputBox-fefd4fbd.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-43e2ef67.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-1ad5ea15.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-b47cfc2d.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-80ecac50.js';
-export { _ as OrInputBoxV3 } from '../OrInputBox-20d65881.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox.vue_rollup-plugin-vue_script-5253ba98.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-dd6591ac.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-bfe528e7.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-4d5a318d.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-59cc6981.js';
 export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from '../OrPassword-1fa97156.js';
 export { _ as OrInput } from '../OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
 export { _ as OrSearch } from '../OrSearch-0589d17d.js';
@@ -54,9 +53,9 @@ export { _ as OrMenuItemV3 } from '../OrMenuItem-c7f28480.js';
 export { _ as OrMenuV3 } from '../OrMenu-df27d0ef.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-9bafbdb4.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-97e83549.js';
-export { M as ModalSize, _ as OrModalV3 } from '../OrModal-a7719843.js';
+export { M as ModalSize, _ as OrModalV3 } from '../OrModal-8c6fdab4.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-a9231a83.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-8a4830a3.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-c0d70dc7.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-10a4166a.js';
 export { _ as OrOverlay } from '../OrOverlay-3b52865d.js';
 export { _ as OrOverlayV3 } from '../OrOverlay-18ba2dc6.js';
@@ -65,11 +64,11 @@ export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '..
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-c27c8946.js';
 export { _ as OrRadio } from '../OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-d9d32cba.js';
-export { _ as OrRadioV3 } from '../OrRadio-6e10f071.js';
-export { _ as OrSearchV3 } from '../OrSearch-5de8264e.js';
+export { _ as OrRadioV3 } from '../OrRadio-848ce55d.js';
+export { _ as OrSearchV3 } from '../OrSearch-ebc3b81c.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-e8dce8f9.js';
 export { _ as OrSelect } from '../OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from '../OrSelect-c58ce21d.js';
+export { _ as OrSelectV3 } from '../OrSelect-7317a963.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';
@@ -78,22 +77,22 @@ export { _ as OrSlider } from '../OrSlider-f7b9c7c2.js';
 export { _ as OrSortHeaderV3 } from '../OrSortHeader-19bf94ca.js';
 export { _ as OrStepper } from '../OrStepper-4f44e7b7.js';
 export { _ as OrSwitch } from '../OrSwitch-f25f27f9.js';
-export { _ as OrSwitchV3 } from '../OrSwitch-c628d2c5.js';
+export { _ as OrSwitchV3 } from '../OrSwitch-13b6a7ee.js';
 export { _ as OrTab } from '../OrTab-eade8ab6.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-d1a340d1.js';
 export { _ as OrTabV3 } from '../OrTab-702e7335.js';
 export { _ as OrTabs } from '../OrTabs-e1c13d41.js';
 export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-71bd3fd2.js';
 export { _ as OrTag } from '../OrTag-c1fa6901.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-5c404031.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-842193c2.js';
 export { _ as OrTeleport } from '../OrTeleportVue2-8ef4ceca.js';
 export { _ as OrTeleportV3 } from '../OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from '../OrText-ba5a2b6c.js';
-export { _ as OrTextareaV3 } from '../OrTextarea-b4660f09.js';
+export { _ as OrTextareaV3 } from '../OrTextarea-6712a150.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-2594c980.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-2fbd4358.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-6c742e07.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-3ff6f029.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { _ as OrTooltip } from '../OrTooltip-614b016d.js';
 export { _ as OrTooltipContent } from '../OrTooltip.vue_rollup-plugin-vue_script-63559536.js';