@onereach/ui-components 2.74.1-beta.2291.0 → 2.74.1-beta.2293.0

package/dist/esm/v2/{OrCardCollection-413eeef9.js → OrCardCollection-4c909f4b.js}

@@ -5,8 +5,8 @@ import { _ as __vue_component__$6 } from './OrIcon-f34e0e6f.js';
 import { _ as __vue_component__$5 } from './OrMenuItem-7b7fbf8a.js';
 import { _ as __vue_component__$4 } from './OrMenu-c276db74.js';
 import './OrPopover-d5d4f62a.js';
-import { _ as __vue_component__$7 } from './OrSearch-1c30f3fd.js';
-import './OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+import { _ as __vue_component__$7 } from './OrSearch-d6f1ba11.js';
+import './OrInputBox-53d1f66d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const CardCollectionRoot = [

package/dist/esm/v2/{OrConfirm-2f8d9405.js → OrConfirm-cf65cb11.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-66964360.js';
-import { _ as __vue_component__$3 } from './OrInput-cacd21a4.js';
+import { _ as __vue_component__$3 } from './OrInput-3d8c8925.js';
 import { _ as __vue_component__$1 } from './OrOverlay-a019186f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -119,7 +119,8 @@ var script = defineComponent({
     },
     isOpen: {
       type: Boolean,
-      default: false
+      required: false,
+      default: undefined
     }
   },
   emits: ['open', 'close', 'confirm'],
@@ -148,9 +149,15 @@ var script = defineComponent({
     // Methods
     function open() {
       isActive.value = true;
+      if (props.isOpen === undefined) {
+        emit('open');
+      }
     }
     function close() {
-      isActive.value = false;
+      if (props.isOpen === undefined) {
+        isActive.value = false;
+      }
+      emit('close');
     }
     function confirm() {
       if (!props.disabled && !isInvalid.value) emit('confirm');
@@ -163,11 +170,10 @@ var script = defineComponent({
       touched.value = true;
     }
     // Events
-    watch(isActive, value => emit(value ? 'open' : 'close'));
-    watch(() => props.isOpen, newIsOpen => {
-      if (newIsOpen) {
+    watch(() => props.isOpen, value => {
+      if (value === true) {
         open();
-      } else {
+      } else if (value === false) {
         close();
       }
     }, {

package/dist/esm/v2/{OrInlineInput-c66ed0c0.js → OrInlineInput-b85b84b4.js}

@@ -21,8 +21,8 @@ const InlineInputRoot = [
 // Spacing
 'gap-xs'];
 const InlineInputControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme

package/dist/esm/v2/{OrInlineTextarea-3cc2fdc2.js → OrInlineTextarea-afd33047.js}

@@ -15,8 +15,8 @@ const InlineTextareaRoot = [
 // Spacing
 'gap-xs'];
 const InlineTextareaControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme

package/dist/esm/v2/{OrInput-cacd21a4.js → OrInput-3d8c8925.js}

@@ -7,8 +7,7 @@ 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-04a3566d.js';
 import { _ as __vue_component__$3 } from './OrIcon-f34e0e6f.js';
-import { _ as __vue_component__$5 } from './OrInputBox-5c4b3104.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.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__$7 } from './OrLoader-76307488.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -28,8 +27,8 @@ const InputRoot = [
 // Spacing
 'gap-xs'];
 const InputControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme

package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-c4f9c8ef.js → esm/v2/OrInputBox-53d1f66d.js}

@@ -1,5 +1,16 @@
-import { defineComponent, ref, computed } from 'vue';
-import { I as InputBoxVariant, a as InputBoxSize } from './props-78496a2d.js';
+import { defineComponent, ref, computed } from 'vue-demi';
+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
@@ -82,4 +93,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', {
+    ref: "root",
+    class: _vm.rootStyles,
+    attrs: {
+      "invalid": _vm.invalid ? '' : null,
+      "readonly": _vm.readonly ? '' : null,
+      "disabled": _vm.disabled ? '' : null
+    }
+  }, [_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/{OrSearch-1c30f3fd.js → OrSearch-d6f1ba11.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-cacd21a4.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+import { _ as __vue_component__$1 } from './OrInput-3d8c8925.js';
+import { a as InputBoxSize } from './OrInputBox-53d1f66d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSelect-bbba5e3a.js → OrSelect-bdb9a78a.js}

@@ -7,9 +7,8 @@ import { _ as __vue_component__$2 } from './OrError-13845bb0.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-729eb1e7.js';
 import { _ as __vue_component__$4 } from './OrHint-78b399cb.js';
 import { _ as __vue_component__$5 } from './OrIcon-f34e0e6f.js';
-import { _ as __vue_component__$7 } from './OrInputBox-5c4b3104.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
-import { _ as __vue_component__$6 } from './OrInput-cacd21a4.js';
+import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-53d1f66d.js';
+import { _ as __vue_component__$6 } from './OrInput-3d8c8925.js';
 import { _ as __vue_component__$8 } from './OrLabel-0945a4d9.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-7b7fbf8a.js';
 import { _ as __vue_component__$a } from './OrPopover-d5d4f62a.js';
@@ -23,9 +22,7 @@ const SelectRoot = [
 'gap-xs'];
 const SelectControl = [
 // Layout
-'layout-row',
-// Box
-'w-full',
+'layout-row grow',
 // Overflow
 'overflow-hidden',
 // Spacing

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

@@ -4,8 +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 './OrInputBox-5c4b3104.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+import { _ as __vue_component__$3, a as InputBoxSize } from './OrInputBox-53d1f66d.js';
 import { _ as __vue_component__$4 } from './OrLabel-0945a4d9.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -16,8 +15,8 @@ const TextareaRoot = [
 // Spacing
 'gap-xs'];
 const TextareaControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme

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

@@ -8,7 +8,7 @@ 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-66964360.js';
 export { _ as OrCard } from '../OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-19582949.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-413eeef9.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-4c909f4b.js';
 export { _ as OrCardV3 } from '../OrCard-e89c44ef.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from '../OrCheckbox-915f1f0a.js';
@@ -19,7 +19,7 @@ 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-ede619eb.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-2f8d9405.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-cf65cb11.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-80f82cdf.js';
@@ -34,12 +34,11 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-81916
 export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-04a3566d.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from '../OrIcon-f34e0e6f.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from '../OrInlineInputBox-46146af0.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-c66ed0c0.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-b85b84b4.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-b47cfc2d.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-3cc2fdc2.js';
-export { _ as OrInputBoxV3 } from '../OrInputBox-5c4b3104.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-4ba46db4.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-cacd21a4.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-afd33047.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-53d1f66d.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-3d8c8925.js';
 export { _ as OrInput } from '../OrInput-6e6cfd11.js';
 export { _ as OrLabel } from '../OrLabel-33b41516.js';
 export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-0945a4d9.js';
@@ -67,10 +66,10 @@ export { _ as OrRadio } from '../OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-d9d32cba.js';
 export { _ as OrRadioV3 } from '../OrRadio-87a4d226.js';
 export { _ as OrSearch } from '../OrSearch-b4f4d59b.js';
-export { _ as OrSearchV3 } from '../OrSearch-1c30f3fd.js';
+export { _ as OrSearchV3 } from '../OrSearch-d6f1ba11.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-7486115b.js';
 export { _ as OrSelect } from '../OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from '../OrSelect-bbba5e3a.js';
+export { _ as OrSelectV3 } from '../OrSelect-bdb9a78a.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-7d6125bb.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-27236fbd.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-cfe51a60.js';
@@ -92,7 +91,7 @@ export { _ as OrTeleport } from '../OrTeleportVue2-8ef4ceca.js';
 export { _ as OrTeleportV3 } from '../OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from '../OrText-b12d0682.js';
 export { _ as OrTextarea } from '../OrTextarea-91a95068.js';
-export { _ as OrTextareaV3 } from '../OrTextarea-e1aad345.js';
+export { _ as OrTextareaV3 } from '../OrTextarea-373d0554.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';

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

@@ -1,4 +1,4 @@
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-413eeef9.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-4c909f4b.js';
 import 'vue-demi';
 import '../../OrButton-66964360.js';
 import '../../OrLoader-76307488.js';
@@ -17,13 +17,12 @@ import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../OrMenuItem-7b7fbf8a.js';
 import '../../OrMenu-c276db74.js';
-import '../../OrSearch-1c30f3fd.js';
-import '../../OrInput-cacd21a4.js';
+import '../../OrSearch-d6f1ba11.js';
+import '../../OrInput-3d8c8925.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-13845bb0.js';
 import '../../OrHint-78b399cb.js';
-import '../../OrInputBox-5c4b3104.js';
-import '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+import '../../OrInputBox-53d1f66d.js';
 import '../../OrLabel-0945a4d9.js';
 import '../../browser-82dea9ed.js';

package/dist/esm/v2/components/or-confirm-v3/OrConfirm.vue.d.ts

@@ -84,7 +84,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     isOpen: {
         type: BooleanConstructor;
-        default: boolean;
+        required: false;
+        default: undefined;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     titleText: {
@@ -139,7 +140,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     isOpen: {
         type: BooleanConstructor;
-        default: boolean;
+        required: false;
+        default: undefined;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     titleText: string;

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

@@ -1,11 +1,11 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-2f8d9405.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-cf65cb11.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
 import '../../OrButton-66964360.js';
 import '../../OrLoader-76307488.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrInput-cacd21a4.js';
+import '../../OrInput-3d8c8925.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
@@ -21,7 +21,6 @@ import '../../OrBottomSheet-37200385.js';
 import '../../OrOverlay-a019186f.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
-import '../../OrInputBox-5c4b3104.js';
-import '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+import '../../OrInputBox-53d1f66d.js';
 import '../../OrLabel-0945a4d9.js';
 import '../../browser-82dea9ed.js';

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

@@ -1,4 +1,4 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-c66ed0c0.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-b85b84b4.js';
 export { I as InlineInputSize } from '../../OrInlineInputBox-46146af0.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-3cc2fdc2.js';
+export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-afd33047.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';

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

@@ -1,4 +1,3 @@
-export { _ as OrInputBoxV3 } from '../../OrInputBox-5c4b3104.js';
-export { a as InputBoxSize, I as InputBoxVariant } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
-import '../../normalize-component-6e8e3d80.js';
+export { a as InputBoxSize, I as InputBoxVariant, _ as OrInputBoxV3 } from '../../OrInputBox-53d1f66d.js';
 import 'vue-demi';
+import '../../normalize-component-6e8e3d80.js';

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

@@ -1,5 +1,5 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-cacd21a4.js';
-export { a as InputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-3d8c8925.js';
+export { a as InputSize } from '../../OrInputBox-53d1f66d.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -18,7 +18,6 @@ import '../../OrBottomSheet-37200385.js';
 import '../../OrOverlay-a019186f.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
-import '../../OrInputBox-5c4b3104.js';
 import '../../OrLabel-0945a4d9.js';
 import '../../OrLoader-76307488.js';
 import '../../browser-82dea9ed.js';

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

@@ -1,8 +1,8 @@
-export { _ as OrSearchV3 } from '../../OrSearch-1c30f3fd.js';
-export { a as SearchSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+export { _ as OrSearchV3 } from '../../OrSearch-d6f1ba11.js';
+export { a as SearchSize } from '../../OrInputBox-53d1f66d.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../OrInput-cacd21a4.js';
+import '../../OrInput-3d8c8925.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
@@ -19,7 +19,6 @@ import '../../OrBottomSheet-37200385.js';
 import '../../OrOverlay-a019186f.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
-import '../../OrInputBox-5c4b3104.js';
 import '../../OrLabel-0945a4d9.js';
 import '../../OrLoader-76307488.js';
 import '../../browser-82dea9ed.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrSelectV3 } from '../../OrSelect-bbba5e3a.js';
-export { a as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+export { _ as OrSelectV3 } from '../../OrSelect-bdb9a78a.js';
+export { a as SelectSize } from '../../OrInputBox-53d1f66d.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useOverflow-af6161c8.js';
@@ -13,8 +13,7 @@ import '../../OrError-13845bb0.js';
 import '../../OrExpansionPanel-729eb1e7.js';
 import '../../OrIcon-f34e0e6f.js';
 import '../../OrHint-78b399cb.js';
-import '../../OrInputBox-5c4b3104.js';
-import '../../OrInput-cacd21a4.js';
+import '../../OrInput-3d8c8925.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrIconButton-04a3566d.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrTextareaV3 } from '../../OrTextarea-e1aad345.js';
-export { a as TextareaSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+export { _ as OrTextareaV3 } from '../../OrTextarea-373d0554.js';
+export { a as TextareaSize } from '../../OrInputBox-53d1f66d.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -7,6 +7,5 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-13845bb0.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-78b399cb.js';
-import '../../OrInputBox-5c4b3104.js';
 import '../../OrLabel-0945a4d9.js';
 import '../../browser-82dea9ed.js';

package/dist/esm/v2/index.js

@@ -8,7 +8,7 @@ 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-66964360.js';
 export { _ as OrCard } from './OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-19582949.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-413eeef9.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-4c909f4b.js';
 export { _ as OrCardV3 } from './OrCard-e89c44ef.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from './OrCheckbox-915f1f0a.js';
@@ -19,7 +19,7 @@ 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-ede619eb.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-2f8d9405.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-cf65cb11.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-80f82cdf.js';
@@ -34,12 +34,11 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-819166
 export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-04a3566d.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-f34e0e6f.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-46146af0.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-c66ed0c0.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-b85b84b4.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-b47cfc2d.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-3cc2fdc2.js';
-export { _ as OrInputBoxV3 } from './OrInputBox-5c4b3104.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-4ba46db4.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-cacd21a4.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-afd33047.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-53d1f66d.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-3d8c8925.js';
 export { _ as OrInput } from './OrInput-6e6cfd11.js';
 export { _ as OrLabel } from './OrLabel-33b41516.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-0945a4d9.js';
@@ -67,10 +66,10 @@ export { _ as OrRadio } from './OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-d9d32cba.js';
 export { _ as OrRadioV3 } from './OrRadio-87a4d226.js';
 export { _ as OrSearch } from './OrSearch-b4f4d59b.js';
-export { _ as OrSearchV3 } from './OrSearch-1c30f3fd.js';
+export { _ as OrSearchV3 } from './OrSearch-d6f1ba11.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-7486115b.js';
 export { _ as OrSelect } from './OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from './OrSelect-bbba5e3a.js';
+export { _ as OrSelectV3 } from './OrSelect-bdb9a78a.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-7d6125bb.js';
 export { _ as OrSidebarV3 } from './OrSidebar-27236fbd.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-cfe51a60.js';
@@ -92,7 +91,7 @@ export { _ as OrTeleport } from './OrTeleportVue2-8ef4ceca.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-b12d0682.js';
 export { _ as OrTextarea } from './OrTextarea-91a95068.js';
-export { _ as OrTextareaV3 } from './OrTextarea-e1aad345.js';
+export { _ as OrTextareaV3 } from './OrTextarea-373d0554.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';

package/dist/esm/v3/{OrCardCollection-005964d2.js → OrCardCollection-803f67f7.js}

@@ -5,7 +5,7 @@ import { s as script$6 } from './OrIcon-34f59f73.js';
 import { s as script$5 } from './OrMenuItem-58707d47.js';
 import { s as script$4 } from './OrMenu-7f3ea117.js';
 import './OrPopover-40217b49.js';
-import { s as script$7 } from './OrSearch-b6c48f3f.js';
+import { s as script$7 } from './OrSearch-4e180e34.js';
 import './OrInputBox-2467d7e4.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrConfirm-c35b430f.js → OrConfirm-1ee529f1.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 { s as script$2, a as ButtonColor } from './OrButton-c56998e7.js';
-import { s as script$3 } from './OrInput-4b51848c.js';
+import { s as script$3 } from './OrInput-71075f51.js';
 import { s as script$1 } from './OrOverlay-afad3aa4.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 
@@ -119,7 +119,8 @@ var script = defineComponent({
     },
     isOpen: {
       type: Boolean,
-      default: false
+      required: false,
+      default: undefined
     }
   },
   emits: ['open', 'close', 'confirm'],
@@ -148,9 +149,15 @@ var script = defineComponent({
     // Methods
     function open() {
       isActive.value = true;
+      if (props.isOpen === undefined) {
+        emit('open');
+      }
     }
     function close() {
-      isActive.value = false;
+      if (props.isOpen === undefined) {
+        isActive.value = false;
+      }
+      emit('close');
     }
     function confirm() {
       if (!props.disabled && !isInvalid.value) emit('confirm');
@@ -163,11 +170,10 @@ var script = defineComponent({
       touched.value = true;
     }
     // Events
-    watch(isActive, value => emit(value ? 'open' : 'close'));
-    watch(() => props.isOpen, newIsOpen => {
-      if (newIsOpen) {
+    watch(() => props.isOpen, value => {
+      if (value === true) {
         open();
-      } else {
+      } else if (value === false) {
         close();
       }
     }, {

package/dist/esm/v3/{OrInlineInput-4591c44d.js → OrInlineInput-fbc35f85.js}

@@ -21,8 +21,8 @@ const InlineInputRoot = [
 // Spacing
 'gap-xs'];
 const InlineInputControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme

package/dist/esm/v3/{OrInlineTextarea-22807fd6.js → OrInlineTextarea-79da8697.js}

@@ -15,8 +15,8 @@ const InlineTextareaRoot = [
 // Spacing
 'gap-xs'];
 const InlineTextareaControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme

package/dist/esm/v3/{OrInput-4b51848c.js → OrInput-71075f51.js}

@@ -27,8 +27,8 @@ const InputRoot = [
 // Spacing
 'gap-xs'];
 const InputControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme

package/dist/esm/v3/{OrSearch-b6c48f3f.js → OrSearch-4e180e34.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-4b51848c.js';
+import { s as script$1 } from './OrInput-71075f51.js';
 import { a as InputBoxSize } from './OrInputBox-2467d7e4.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';