@onereach/ui-components 2.74.13-beta.2365.0 → 2.74.13

package/dist/esm/v2/{OrTextarea-0bf9bf33.js → OrTextarea-0a64f718.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 { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -16,8 +15,8 @@ const TextareaRoot = [
 // Spacing
 'gap-xs'];
 const TextareaControl = [
-// Box
-'w-full',
+// Layout
+'grow',
 // Typography
 'typography-inherit',
 // Theme
@@ -57,7 +56,7 @@ var script = defineComponent({
       default: undefined
     },
     error: {
-      type: [String, Boolean],
+      type: String,
       default: undefined
     },
     required: {
@@ -99,6 +98,7 @@ 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,13 +117,14 @@ var script = defineComponent({
       proxyModelValue,
       currentLength,
       maxLength,
+      invalid,
       focus,
       blur
     };
   }
 });
 
-var css_248z = "textarea[data-v-6bbf3392]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-41547036]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -153,7 +154,7 @@ var __vue_render__ = function () {
   }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     attrs: {
       "size": _vm.size,
-      "invalid": !!_vm.error,
+      "invalid": _vm.invalid,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
     }
@@ -195,7 +196,7 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = $event.target.value;
       }
     }
-  }, 'textarea', _vm.controlAttributes, false))]), _vm._v(" "), !_vm.error ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  }, 'textarea', _vm.controlAttributes, false))]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -206,7 +207,7 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\n        ")])] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\n        ")])] : _vm._e()] : [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -217,14 +218,14 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])] : _vm._e()], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])]], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-6bbf3392";
+const __vue_scope_id__ = "data-v-41547036";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -5,10 +5,10 @@ export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonVi
 export { _ as OrButtonV2 } from '../OrButton-df2eea65.js';
 export { _ as OrIconButton } from '../OrIconButton-9c30897c.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrIconButton.vue_rollup-plugin-vue_styles.0-3846c424.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-49f7f20b.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-c5ec96e7.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-050fb8d2.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-ffa4e842.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-f7856175.js';
 export { _ as OrCardV3 } from '../OrCard-e89c44ef.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-d20717ec.js';
 export { _ as OrCheckbox } from '../OrCheckbox-63d444f1.js';
@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-9a2cdc0c.js';
 export { _ as OrCollapse } from '../OrCollapse-50e3914c.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-fa92b4fa.js';
 export { _ as OrConfirm } from '../OrConfirm-f7c58a78.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-73a902ce.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-98d62065.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-4059980e.js';
 export { _ as OrError } from '../OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-7cd5dc68.js';
@@ -34,12 +34,11 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-dd72b
 export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-fa9bff07.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from '../OrIcon-c434985a.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from '../OrInlineInputBox-46146af0.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-b003ddde.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-df02ab5d.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-b914488a.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-6349b529.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-67eb3178.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-ad120656.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-3bb91436.js';
 export { _ as OrInput } from '../OrInput-c005a759.js';
 export { _ as OrLabel } from '../OrLabel-931394a5.js';
 export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-0945a4d9.js';
@@ -47,7 +46,7 @@ export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-597e0e18.js';
 export { _ as OrList } from '../OrList-1440d8ca.js';
 export { _ as OrListOfInputs } from '../OrListOfInputs-5a9fc474.js';
 export { L as LoaderViews, _ as OrLoader } from '../OrLoader-212ef381.js';
-export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from '../OrLoader-8f1f3af1.js';
+export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from '../OrLoader-b11ed386.js';
 export { _ as OrMenuItemV3 } from '../OrMenuItem-4f810513.js';
 export { _ as OrMenuV3 } from '../OrMenu-bb6e93bc.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-a101a230.js';
@@ -60,17 +59,17 @@ export { _ as OrOverflowMenu } from '../OrOverflowMenu-0f356aca.js';
 export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from '../OrOverlay-2ded265b.js';
 export { _ as OrPassword } from '../OrPassword-7a006ccb.js';
-export { _ as OrPaginationV3 } from '../OrPagination-81d4476a.js';
+export { _ as OrPaginationV3 } from '../OrPagination-a9233838.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-e6f20dc1.js';
-export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-b7d1c689.js';
+export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-ff999494.js';
 export { _ as OrRadio } from '../OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from '../OrRadio-06a54f1e.js';
 export { _ as OrSearch } from '../OrSearch-1d7880eb.js';
-export { _ as OrSearchV3 } from '../OrSearch-a5cab600.js';
+export { _ as OrSearchV3 } from '../OrSearch-dad9b02f.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-7486115b.js';
 export { _ as OrSelect } from '../OrSelect-03e79c4b.js';
-export { _ as OrSelectV3 } from '../OrSelect-2773ebeb.js';
+export { _ as OrSelectV3 } from '../OrSelect-7ef80130.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-89711112.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-81c77db0.js';
@@ -80,7 +79,7 @@ export { _ as OrSlider } from '../OrSlider-ded83b5c.js';
 export { _ as OrSortHeaderV3 } from '../OrSortHeader-ffe6bc57.js';
 export { _ as OrStepper } from '../OrStepper-3e08af91.js';
 export { _ as OrSwitch } from '../OrSwitch-cd24ee40.js';
-export { _ as OrSwitchV3 } from '../OrSwitch-1bd5b4d1.js';
+export { _ as OrSwitchV3 } from '../OrSwitch-6129b63d.js';
 export { _ as OrTab } from '../OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-6a08756e.js';
 export { _ as OrTabV3 } from '../OrTab-1ff87c76.js';
@@ -92,11 +91,11 @@ export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from '../OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from '../OrText-91d662a0.js';
 export { _ as OrTextarea } from '../OrTextarea-724a4d6f.js';
-export { _ as OrTextareaV3 } from '../OrTextarea-0bf9bf33.js';
+export { _ as OrTextareaV3 } from '../OrTextarea-0a64f718.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-a2cc5280.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-8566bc09.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-d5127999.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-e9a54dcf.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { _ as OrTooltip } from '../OrTooltip-cefc51f9.js';
 export { _ as OrTooltipContent } from '../OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';

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

@@ -1,4 +1,5 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../../OrButton-49f7f20b.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../../OrButton-c5ec96e7.js';
 import 'vue-demi';
-import '../../OrLoader-8f1f3af1.js';
+import '../../OrLoader-b11ed386.js';
+import '@vueuse/core';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,12 +1,12 @@
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-ffa4e842.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-f7856175.js';
 import 'vue-demi';
-import '../../OrButton-49f7f20b.js';
-import '../../OrLoader-8f1f3af1.js';
+import '../../OrButton-c5ec96e7.js';
+import '../../OrLoader-b11ed386.js';
+import '@vueuse/core';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrIconButton-fa9bff07.js';
 import '../../OrIcon-c434985a.js';
 import '../../OrTooltip-d9424f71.js';
-import '@vueuse/core';
 import '../../OrPopover-a101a230.js';
 import '@floating-ui/dom';
 import '../../useElevation-92fce12c.js';
@@ -17,13 +17,12 @@ import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../OrMenuItem-4f810513.js';
 import '../../OrMenu-bb6e93bc.js';
-import '../../OrSearch-a5cab600.js';
-import '../../OrInput-67eb3178.js';
+import '../../OrSearch-dad9b02f.js';
+import '../../OrInput-3bb91436.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 '../../style-inject.es-4c6f2515.js';

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

@@ -1,11 +1,11 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-73a902ce.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-98d62065.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
-import '../../OrButton-49f7f20b.js';
-import '../../OrLoader-8f1f3af1.js';
+import '../../OrButton-c5ec96e7.js';
+import '../../OrLoader-b11ed386.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrInput-67eb3178.js';
+import '../../OrInput-3bb91436.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
@@ -21,7 +21,6 @@ import '../../OrBottomSheet-c9bfe63f.js';
 import '../../OrOverlay-2ded265b.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 '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-inline-input-v3/OrInlineInput.vue.d.ts

@@ -23,6 +23,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     draftModelValue: import("@vue/composition-api").Ref<string | number>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     activated: import("@vue/composition-api").Ref<boolean>;
     onFocus: (event: Event) => void;
     onBlur: (event: Event) => void;
@@ -56,7 +57,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: undefined;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
@@ -85,7 +86,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: undefined;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
@@ -95,7 +96,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: InlineInputSize;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -121,6 +122,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     draftModelValue: import("@vue/composition-api").Ref<string | number>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     activated: import("@vue/composition-api").Ref<boolean>;
     onFocus: (event: Event) => void;
     onBlur: (event: Event) => void;
@@ -135,7 +137,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: InlineInputSize;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -145,6 +147,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: InlineInputSize;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
 }, true>);
 export default _default;

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

@@ -1,4 +1,4 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-b003ddde.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-df02ab5d.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/OrInlineTextarea.vue.d.ts

@@ -21,6 +21,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     draftModelValue: import("@vue/composition-api").Ref<string>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     activated: import("@vue/composition-api").Ref<boolean>;
     onFocus: (event: Event) => void;
     onBlur: (event: Event) => void;
@@ -46,7 +47,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: undefined;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
@@ -67,7 +68,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: undefined;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
@@ -75,7 +76,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     saveOnBlur: boolean;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -101,6 +102,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     draftModelValue: import("@vue/composition-api").Ref<string>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     activated: import("@vue/composition-api").Ref<boolean>;
     onFocus: (event: Event) => void;
     onBlur: (event: Event) => void;
@@ -113,7 +115,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     saveOnBlur: boolean;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -121,6 +123,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     saveOnBlur: boolean;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
 }, true>);
 export default _default;

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

@@ -1,4 +1,4 @@
-export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-6349b529.js';
+export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-ad120656.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/OrInput.vue.d.ts

@@ -21,6 +21,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
     isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
@@ -51,7 +52,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: undefined;
     };
     loading: {
@@ -104,7 +105,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: undefined;
     };
     loading: {
@@ -138,7 +139,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     label: string;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
     loading: boolean;
     required: boolean;
     readonly: boolean;
@@ -168,6 +169,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
     isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
@@ -179,7 +181,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     label: string;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
     loading: boolean;
     required: boolean;
     readonly: boolean;
@@ -195,7 +197,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     label: string;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
     loading: boolean;
     required: boolean;
     readonly: boolean;

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

@@ -1,5 +1,5 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-67eb3178.js';
-export { a as InputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-3bb91436.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-c9bfe63f.js';
 import '../../OrOverlay-2ded265b.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
-import '../../OrInputBox-5c4b3104.js';
 import '../../OrLabel-0945a4d9.js';
-import '../../OrLoader-8f1f3af1.js';
+import '../../OrLoader-b11ed386.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-loader-v3/OrLoader.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     titleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     descriptionStyles: import("@vue/composition-api").ComputedRef<string[]>;
     computedSize: import("@vue/composition-api").ComputedRef<20 | 16>;
+    strokeWidth: import("@vue/composition-api").ComputedRef<number | "100%">;
     wrapperStyle: import("@vue/composition-api").ComputedRef<string>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     variant: {
@@ -77,6 +78,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     titleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     descriptionStyles: import("@vue/composition-api").ComputedRef<string[]>;
     computedSize: import("@vue/composition-api").ComputedRef<20 | 16>;
+    strokeWidth: import("@vue/composition-api").ComputedRef<number | "100%">;
     wrapperStyle: import("@vue/composition-api").ComputedRef<string>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     variant: LoaderVariant;

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

@@ -1,3 +1,4 @@
-export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from '../../OrLoader-8f1f3af1.js';
+export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from '../../OrLoader-b11ed386.js';
 import 'vue-demi';
+import '@vueuse/core';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,14 +1,14 @@
-export { _ as OrPaginationV3 } from '../../OrPagination-81d4476a.js';
+export { _ as OrPaginationV3 } from '../../OrPagination-a9233838.js';
 import 'vue-demi';
-import '../../OrButton-49f7f20b.js';
-import '../../OrLoader-8f1f3af1.js';
+import '../../OrButton-c5ec96e7.js';
+import '../../OrLoader-b11ed386.js';
+import '@vueuse/core';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrIcon-c434985a.js';
 import '../../OrMenuItem-4f810513.js';
 import '../../OrMenu-bb6e93bc.js';
 import '../../OrPopover-a101a230.js';
 import '@floating-ui/dom';
-import '@vueuse/core';
 import '../../useElevation-92fce12c.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-c9bfe63f.js';

package/dist/esm/v2/components/or-progress-v3/OrProgress.vue.d.ts

@@ -11,6 +11,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     progressBarMainPartStyles: import("@vue/composition-api").ComputedRef<string[]>;
     strokeDasharray: import("@vue/composition-api").ComputedRef<number>;
     strokeDashoffset: import("@vue/composition-api").ComputedRef<number | undefined>;
+    strokeWidth: import("@vue/composition-api").ComputedRef<number | "100%">;
     localProgress: import("@vue/composition-api").ComputedRef<number>;
     localValue: import("@vue/composition-api").ComputedRef<number>;
     percent: import("@vue/composition-api").ComputedRef<string>;
@@ -117,6 +118,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     progressBarMainPartStyles: import("@vue/composition-api").ComputedRef<string[]>;
     strokeDasharray: import("@vue/composition-api").ComputedRef<number>;
     strokeDashoffset: import("@vue/composition-api").ComputedRef<number | undefined>;
+    strokeWidth: import("@vue/composition-api").ComputedRef<number | "100%">;
     localProgress: import("@vue/composition-api").ComputedRef<number>;
     localValue: import("@vue/composition-api").ComputedRef<number>;
     percent: import("@vue/composition-api").ComputedRef<string>;

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

@@ -1,4 +1,4 @@
-export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress-b7d1c689.js';
+export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress-ff999494.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';

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

@@ -1,8 +1,8 @@
-export { _ as OrSearchV3 } from '../../OrSearch-a5cab600.js';
-export { a as SearchSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+export { _ as OrSearchV3 } from '../../OrSearch-dad9b02f.js';
+export { a as SearchSize } from '../../OrInputBox-53d1f66d.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../OrInput-67eb3178.js';
+import '../../OrInput-3bb91436.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
@@ -19,7 +19,6 @@ import '../../OrBottomSheet-c9bfe63f.js';
 import '../../OrOverlay-2ded265b.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
-import '../../OrInputBox-5c4b3104.js';
 import '../../OrLabel-0945a4d9.js';
-import '../../OrLoader-8f1f3af1.js';
+import '../../OrLoader-b11ed386.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts

@@ -24,6 +24,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
@@ -72,7 +73,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: undefined;
     };
     required: {
@@ -137,7 +138,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: undefined;
     };
     required: {
@@ -177,7 +178,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: SelectSize;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
     required: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
@@ -210,6 +211,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
@@ -233,7 +235,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: SelectSize;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
     required: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
@@ -252,7 +254,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: SelectSize;
     placeholder: string;
     hint: string;
-    error: string | boolean;
+    error: string;
     required: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;