@onereach/ui-components 2.75.1-beta.2385.0 → 2.75.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/bundled/v2/{OrCardCollection-a9cc4cd6.js → OrCardCollection-04e767c2.js} +1 -1
  2. package/dist/bundled/v2/{OrConfirm-de17ffd2.js → OrConfirm-a76ff6d2.js} +1 -1
  3. package/dist/bundled/v2/{OrInlineInput-20e93482.js → OrInlineInput-9304f205.js} +11 -9
  4. package/dist/bundled/v2/{OrInlineTextarea-e849ae9b.js → OrInlineTextarea-e0d28fc6.js} +11 -9
  5. package/dist/bundled/v2/{OrInput-7e5430e1.js → OrInput-b8511a0c.js} +12 -11
  6. package/dist/bundled/v2/{OrInputBox-9a31d211.js → OrInputBox-e54dcef9.js} +12 -2
  7. package/dist/bundled/v2/{OrSearch-b3f34499.js → OrSearch-60b64568.js} +2 -2
  8. package/dist/bundled/v2/{OrSelect-982350b0.js → OrSelect-752bdd3b.js} +10 -11
  9. package/dist/bundled/v2/{OrTextarea-53d756e4.js → OrTextarea-5fdf63d0.js} +12 -11
  10. package/dist/bundled/v2/components/index.js +9 -10
  11. package/dist/bundled/v2/components/or-card-collection-v3/index.js +4 -5
  12. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -4
  13. package/dist/bundled/v2/components/or-inline-input-v3/OrInlineInput.vue.d.ts +7 -5
  14. package/dist/bundled/v2/components/or-inline-input-v3/index.js +1 -1
  15. package/dist/bundled/v2/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +7 -5
  16. package/dist/bundled/v2/components/or-inline-textarea-v3/index.js +1 -1
  17. package/dist/bundled/v2/components/or-input-box-v3/index.js +1 -2
  18. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +7 -5
  19. package/dist/bundled/v2/components/or-input-v3/index.js +2 -3
  20. package/dist/bundled/v2/components/or-search-v3/index.js +3 -4
  21. package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +7 -5
  22. package/dist/bundled/v2/components/or-select-v3/index.js +3 -4
  23. package/dist/bundled/v2/components/or-textarea-v3/OrTextarea.vue.d.ts +7 -5
  24. package/dist/bundled/v2/components/or-textarea-v3/index.js +2 -3
  25. package/dist/bundled/v2/index.js +10 -11
  26. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-fdf213e1.js → OrCardCollection.vue_vue_type_script_lang-e71a0ea0.js} +1 -1
  27. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-7a81cfa6.js → OrConfirm.vue_vue_type_script_lang-b550c3d3.js} +2 -2
  28. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-18853dd7.js → OrInlineInput.vue_vue_type_script_lang-cd4a64f6.js} +5 -3
  29. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-3cb238d6.js → OrInlineTextarea.vue_vue_type_script_lang-a73ff1ee.js} +5 -3
  30. package/dist/bundled/v3/{OrInput-c514ceff.js → OrInput-6d49f353.js} +5 -5
  31. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-09a6138d.js → OrInput.vue_vue_type_script_lang-af68d0e7.js} +7 -6
  32. package/dist/bundled/v3/{OrInputBox-44f37541.js → OrInputBox-358d4856.js} +1 -1
  33. package/dist/{esm/v2/OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js → bundled/v3/OrInputBox.vue_vue_type_script_lang-b387d4ba.js} +1 -1
  34. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-42283e88.js → OrSearch.vue_vue_type_script_lang-8c37e5a7.js} +3 -3
  35. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-c43b8138.js → OrSelect.vue_vue_type_script_lang-35ac0247.js} +8 -9
  36. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-b2899ba6.js → OrTextarea.vue_vue_type_script_lang-de99a858.js} +7 -6
  37. package/dist/bundled/v3/components/index.js +11 -12
  38. package/dist/bundled/v3/components/or-card-collection-v3/index.js +6 -7
  39. package/dist/bundled/v3/components/or-confirm-v3/index.js +5 -6
  40. package/dist/bundled/v3/components/or-inline-input-v3/OrInlineInput.vue.d.ts +7 -5
  41. package/dist/bundled/v3/components/or-inline-input-v3/index.js +1 -1
  42. package/dist/bundled/v3/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +7 -5
  43. package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +1 -1
  44. package/dist/bundled/v3/components/or-input-box-v3/index.js +1 -2
  45. package/dist/bundled/v3/components/or-input-v3/OrInput.vue.d.ts +7 -5
  46. package/dist/bundled/v3/components/or-input-v3/index.js +3 -4
  47. package/dist/bundled/v3/components/or-search-v3/index.js +5 -6
  48. package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +7 -5
  49. package/dist/bundled/v3/components/or-select-v3/index.js +5 -6
  50. package/dist/bundled/v3/components/or-textarea-v3/OrTextarea.vue.d.ts +7 -5
  51. package/dist/bundled/v3/components/or-textarea-v3/index.js +3 -4
  52. package/dist/bundled/v3/index.js +34 -35
  53. package/dist/esm/v2/{OrCardCollection-77a9b0b5.js → OrCardCollection-f7856175.js} +2 -2
  54. package/dist/esm/v2/{OrConfirm-81ae8af5.js → OrConfirm-98d62065.js} +1 -1
  55. package/dist/esm/v2/{OrInlineInput-b003ddde.js → OrInlineInput-df02ab5d.js} +11 -9
  56. package/dist/esm/v2/{OrInlineTextarea-6349b529.js → OrInlineTextarea-ad120656.js} +11 -9
  57. package/dist/esm/v2/{OrInput-d4707fb9.js → OrInput-3bb91436.js} +12 -11
  58. package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-c4f9c8ef.js → esm/v2/OrInputBox-53d1f66d.js} +53 -3
  59. package/dist/esm/v2/{OrSearch-5b257f78.js → OrSearch-dad9b02f.js} +2 -2
  60. package/dist/esm/v2/{OrSelect-246d8584.js → OrSelect-7ef80130.js} +10 -11
  61. package/dist/esm/v2/{OrTextarea-0bf9bf33.js → OrTextarea-0a64f718.js} +12 -11
  62. package/dist/esm/v2/components/index.js +9 -10
  63. package/dist/esm/v2/components/or-card-collection-v3/index.js +4 -5
  64. package/dist/esm/v2/components/or-confirm-v3/index.js +3 -4
  65. package/dist/esm/v2/components/or-inline-input-v3/OrInlineInput.vue.d.ts +7 -5
  66. package/dist/esm/v2/components/or-inline-input-v3/index.js +1 -1
  67. package/dist/esm/v2/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +7 -5
  68. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +1 -1
  69. package/dist/esm/v2/components/or-input-box-v3/index.js +2 -3
  70. package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts +7 -5
  71. package/dist/esm/v2/components/or-input-v3/index.js +2 -3
  72. package/dist/esm/v2/components/or-search-v3/index.js +3 -4
  73. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +7 -5
  74. package/dist/esm/v2/components/or-select-v3/index.js +3 -4
  75. package/dist/esm/v2/components/or-textarea-v3/OrTextarea.vue.d.ts +7 -5
  76. package/dist/esm/v2/components/or-textarea-v3/index.js +2 -3
  77. package/dist/esm/v2/index.js +9 -10
  78. package/dist/esm/v3/{OrCardCollection-e8ab1e4f.js → OrCardCollection-4cb41408.js} +1 -1
  79. package/dist/esm/v3/{OrConfirm-19397045.js → OrConfirm-19da64d1.js} +1 -1
  80. package/dist/esm/v3/{OrInlineInput-65127ed7.js → OrInlineInput-cd3753ee.js} +9 -7
  81. package/dist/esm/v3/{OrInlineTextarea-176a2701.js → OrInlineTextarea-4c5b0390.js} +9 -7
  82. package/dist/esm/v3/{OrInput-209bd3fc.js → OrInput-ae9f6871.js} +9 -7
  83. package/dist/esm/v3/{OrSearch-3bba0a99.js → OrSearch-6f6b4fcd.js} +1 -1
  84. package/dist/esm/v3/{OrSelect-ba567dd1.js → OrSelect-96bf9b63.js} +9 -9
  85. package/dist/esm/v3/{OrTextarea-14a6b456.js → OrTextarea-42d21f77.js} +9 -7
  86. package/dist/esm/v3/components/index.js +8 -8
  87. package/dist/esm/v3/components/or-card-collection-v3/index.js +3 -3
  88. package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
  89. package/dist/esm/v3/components/or-inline-input-v3/OrInlineInput.vue.d.ts +7 -5
  90. package/dist/esm/v3/components/or-inline-input-v3/index.js +1 -1
  91. package/dist/esm/v3/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +7 -5
  92. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +1 -1
  93. package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts +7 -5
  94. package/dist/esm/v3/components/or-input-v3/index.js +1 -1
  95. package/dist/esm/v3/components/or-search-v3/index.js +2 -2
  96. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +7 -5
  97. package/dist/esm/v3/components/or-select-v3/index.js +2 -2
  98. package/dist/esm/v3/components/or-textarea-v3/OrTextarea.vue.d.ts +7 -5
  99. package/dist/esm/v3/components/or-textarea-v3/index.js +1 -1
  100. package/dist/esm/v3/index.js +8 -8
  101. package/package.json +4 -3
  102. package/src/components/or-inline-input-v3/OrInlineInput.vue +7 -4
  103. package/src/components/or-inline-input-v3/styles.ts +2 -2
  104. package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue +7 -4
  105. package/src/components/or-inline-textarea-v3/styles.ts +2 -2
  106. package/src/components/or-input-v3/OrInput.vue +7 -4
  107. package/src/components/or-input-v3/styles.ts +2 -2
  108. package/src/components/or-select-v3/OrSelect.stories3.ts +0 -4
  109. package/src/components/or-select-v3/OrSelect.vue +6 -4
  110. package/src/components/or-select-v3/styles.ts +1 -4
  111. package/src/components/or-textarea-v3/OrTextarea.vue +7 -4
  112. package/src/components/or-textarea-v3/styles.ts +2 -2
  113. package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -105
  114. package/dist/bundled/v2/components/or-combined-input-v3/index.d.ts +0 -2
  115. package/dist/bundled/v2/components/or-combined-input-v3/index.js +0 -146
  116. package/dist/bundled/v2/components/or-combined-input-v3/props.d.ts +0 -1
  117. package/dist/bundled/v2/components/or-combined-input-v3/styles.d.ts +0 -2
  118. package/dist/bundled/v2/props-78496a2d.js +0 -12
  119. package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -105
  120. package/dist/bundled/v3/components/or-combined-input-v3/index.d.ts +0 -2
  121. package/dist/bundled/v3/components/or-combined-input-v3/index.js +0 -128
  122. package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts +0 -1
  123. package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts +0 -2
  124. package/dist/bundled/v3/props-78496a2d.js +0 -12
  125. package/dist/esm/v2/OrInputBox-5c4b3104.js +0 -43
  126. package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -105
  127. package/dist/esm/v2/components/or-combined-input-v3/index.d.ts +0 -2
  128. package/dist/esm/v2/components/or-combined-input-v3/index.js +0 -143
  129. package/dist/esm/v2/components/or-combined-input-v3/props.d.ts +0 -1
  130. package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts +0 -2
  131. package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -105
  132. package/dist/esm/v3/components/or-combined-input-v3/index.d.ts +0 -2
  133. package/dist/esm/v3/components/or-combined-input-v3/index.js +0 -127
  134. package/dist/esm/v3/components/or-combined-input-v3/props.d.ts +0 -1
  135. package/dist/esm/v3/components/or-combined-input-v3/styles.d.ts +0 -2
  136. package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx +0 -7
  137. package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts +0 -201
  138. package/src/components/or-combined-input-v3/OrCombinedInput.vue +0 -127
  139. package/src/components/or-combined-input-v3/index.ts +0 -2
  140. package/src/components/or-combined-input-v3/props.ts +0 -1
  141. package/src/components/or-combined-input-v3/styles.ts +0 -25
@@ -23,6 +23,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
23
23
  draftModelValue: import("@vue/composition-api").Ref<string | number>;
24
24
  currentLength: import("@vue/composition-api").ComputedRef<number>;
25
25
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
26
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
26
27
  activated: import("@vue/composition-api").Ref<boolean>;
27
28
  onFocus: (event: Event) => void;
28
29
  onBlur: (event: Event) => void;
@@ -56,7 +57,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
56
57
  default: undefined;
57
58
  };
58
59
  error: {
59
- type: (BooleanConstructor | StringConstructor)[];
60
+ type: StringConstructor;
60
61
  default: undefined;
61
62
  };
62
63
  }, import("@vue/composition-api").ExtractPropTypes<{
@@ -85,7 +86,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
85
86
  default: undefined;
86
87
  };
87
88
  error: {
88
- type: (BooleanConstructor | StringConstructor)[];
89
+ type: StringConstructor;
89
90
  default: undefined;
90
91
  };
91
92
  }>> & 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
95
96
  size: InlineInputSize;
96
97
  placeholder: string;
97
98
  hint: string;
98
- error: string | boolean;
99
+ error: string;
99
100
  } & {} & {
100
101
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
101
102
  }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -121,6 +122,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
121
122
  draftModelValue: import("@vue/composition-api").Ref<string | number>;
122
123
  currentLength: import("@vue/composition-api").ComputedRef<number>;
123
124
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
125
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
124
126
  activated: import("@vue/composition-api").Ref<boolean>;
125
127
  onFocus: (event: Event) => void;
126
128
  onBlur: (event: Event) => void;
@@ -135,7 +137,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
135
137
  size: InlineInputSize;
136
138
  placeholder: string;
137
139
  hint: string;
138
- error: string | boolean;
140
+ error: string;
139
141
  } & {} & {
140
142
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
141
143
  }, {
@@ -145,6 +147,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
145
147
  size: InlineInputSize;
146
148
  placeholder: string;
147
149
  hint: string;
148
- error: string | boolean;
150
+ error: string;
149
151
  }, true>);
150
152
  export default _default;
@@ -1,4 +1,4 @@
1
- export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-b003ddde.js';
1
+ export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-df02ab5d.js';
2
2
  export { I as InlineInputSize } from '../../OrInlineInputBox-46146af0.js';
3
3
  import 'vue-demi';
4
4
  import '../../useIdAttribute-859439f0.js';
@@ -21,6 +21,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
21
21
  draftModelValue: import("@vue/composition-api").Ref<string>;
22
22
  currentLength: import("@vue/composition-api").ComputedRef<number>;
23
23
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
24
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
24
25
  activated: import("@vue/composition-api").Ref<boolean>;
25
26
  onFocus: (event: Event) => void;
26
27
  onBlur: (event: Event) => void;
@@ -46,7 +47,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
46
47
  default: undefined;
47
48
  };
48
49
  error: {
49
- type: (BooleanConstructor | StringConstructor)[];
50
+ type: StringConstructor;
50
51
  default: undefined;
51
52
  };
52
53
  }, import("@vue/composition-api").ExtractPropTypes<{
@@ -67,7 +68,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
67
68
  default: undefined;
68
69
  };
69
70
  error: {
70
- type: (BooleanConstructor | StringConstructor)[];
71
+ type: StringConstructor;
71
72
  default: undefined;
72
73
  };
73
74
  }>> & 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
75
76
  saveOnBlur: boolean;
76
77
  placeholder: string;
77
78
  hint: string;
78
- error: string | boolean;
79
+ error: string;
79
80
  } & {} & {
80
81
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
81
82
  }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -101,6 +102,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
101
102
  draftModelValue: import("@vue/composition-api").Ref<string>;
102
103
  currentLength: import("@vue/composition-api").ComputedRef<number>;
103
104
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
105
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
104
106
  activated: import("@vue/composition-api").Ref<boolean>;
105
107
  onFocus: (event: Event) => void;
106
108
  onBlur: (event: Event) => void;
@@ -113,7 +115,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
113
115
  saveOnBlur: boolean;
114
116
  placeholder: string;
115
117
  hint: string;
116
- error: string | boolean;
118
+ error: string;
117
119
  } & {} & {
118
120
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
119
121
  }, {
@@ -121,6 +123,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
121
123
  saveOnBlur: boolean;
122
124
  placeholder: string;
123
125
  hint: string;
124
- error: string | boolean;
126
+ error: string;
125
127
  }, true>);
126
128
  export default _default;
@@ -1,4 +1,4 @@
1
- export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-6349b529.js';
1
+ export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-ad120656.js';
2
2
  import 'vue-demi';
3
3
  import '../../useIdAttribute-859439f0.js';
4
4
  import '@vueuse/core';
@@ -1,4 +1,3 @@
1
- export { _ as OrInputBoxV3 } from '../../OrInputBox-5c4b3104.js';
2
- export { a as InputBoxSize, I as InputBoxVariant } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
3
- import '../../normalize-component-6e8e3d80.js';
1
+ export { a as InputBoxSize, I as InputBoxVariant, _ as OrInputBoxV3 } from '../../OrInputBox-53d1f66d.js';
4
2
  import 'vue-demi';
3
+ import '../../normalize-component-6e8e3d80.js';
@@ -21,6 +21,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
21
21
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
22
22
  currentLength: import("@vue/composition-api").ComputedRef<number>;
23
23
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
24
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
24
25
  disclosed: import("@vue/composition-api").Ref<boolean>;
25
26
  isMobile: import("@vue/composition-api").Ref<boolean>;
26
27
  focus: () => void;
@@ -51,7 +52,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
51
52
  default: undefined;
52
53
  };
53
54
  error: {
54
- type: (BooleanConstructor | StringConstructor)[];
55
+ type: StringConstructor;
55
56
  default: undefined;
56
57
  };
57
58
  loading: {
@@ -104,7 +105,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
104
105
  default: undefined;
105
106
  };
106
107
  error: {
107
- type: (BooleanConstructor | StringConstructor)[];
108
+ type: StringConstructor;
108
109
  default: undefined;
109
110
  };
110
111
  loading: {
@@ -138,7 +139,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
138
139
  label: string;
139
140
  placeholder: string;
140
141
  hint: string;
141
- error: string | boolean;
142
+ error: string;
142
143
  loading: boolean;
143
144
  required: boolean;
144
145
  readonly: boolean;
@@ -168,6 +169,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
168
169
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
169
170
  currentLength: import("@vue/composition-api").ComputedRef<number>;
170
171
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
172
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
171
173
  disclosed: import("@vue/composition-api").Ref<boolean>;
172
174
  isMobile: import("@vue/composition-api").Ref<boolean>;
173
175
  focus: () => void;
@@ -179,7 +181,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
179
181
  label: string;
180
182
  placeholder: string;
181
183
  hint: string;
182
- error: string | boolean;
184
+ error: string;
183
185
  loading: boolean;
184
186
  required: boolean;
185
187
  readonly: boolean;
@@ -195,7 +197,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
195
197
  label: string;
196
198
  placeholder: string;
197
199
  hint: string;
198
- error: string | boolean;
200
+ error: string;
199
201
  loading: boolean;
200
202
  required: boolean;
201
203
  readonly: boolean;
@@ -1,5 +1,5 @@
1
- export { I as InputType, _ as OrInputV3 } from '../../OrInput-d4707fb9.js';
2
- export { a as InputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
1
+ export { I as InputType, _ as OrInputV3 } from '../../OrInput-3bb91436.js';
2
+ export { a as InputSize } from '../../OrInputBox-53d1f66d.js';
3
3
  import 'vue-demi';
4
4
  import '../../useIdAttribute-859439f0.js';
5
5
  import '@vueuse/core';
@@ -18,7 +18,6 @@ import '../../OrBottomSheet-c9bfe63f.js';
18
18
  import '../../OrOverlay-2ded265b.js';
19
19
  import '../../OrTeleport.vue2-fb92f29f.js';
20
20
  import 'portal-vue';
21
- import '../../OrInputBox-5c4b3104.js';
22
21
  import '../../OrLabel-0945a4d9.js';
23
22
  import '../../OrLoader-b11ed386.js';
24
23
  import '../../style-inject.es-4c6f2515.js';
@@ -1,8 +1,8 @@
1
- export { _ as OrSearchV3 } from '../../OrSearch-5b257f78.js';
2
- export { a as SearchSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
1
+ export { _ as OrSearchV3 } from '../../OrSearch-dad9b02f.js';
2
+ export { a as SearchSize } from '../../OrInputBox-53d1f66d.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
5
- import '../../OrInput-d4707fb9.js';
5
+ import '../../OrInput-3bb91436.js';
6
6
  import '../../useIdAttribute-859439f0.js';
7
7
  import '../../useResponsive-a02e95b7.js';
8
8
  import '../../useValidationAttributes-d1abbe34.js';
@@ -19,7 +19,6 @@ import '../../OrBottomSheet-c9bfe63f.js';
19
19
  import '../../OrOverlay-2ded265b.js';
20
20
  import '../../OrTeleport.vue2-fb92f29f.js';
21
21
  import 'portal-vue';
22
- import '../../OrInputBox-5c4b3104.js';
23
22
  import '../../OrLabel-0945a4d9.js';
24
23
  import '../../OrLoader-b11ed386.js';
25
24
  import '../../style-inject.es-4c6f2515.js';
@@ -24,6 +24,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
24
24
  noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
25
25
  controlId: import("@vue/composition-api").Ref<string>;
26
26
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
27
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
27
28
  readonly: import("@vue/composition-api").ComputedRef<boolean>;
28
29
  selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
29
30
  searchText: import("@vue/composition-api").Ref<string>;
@@ -72,7 +73,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
72
73
  default: undefined;
73
74
  };
74
75
  error: {
75
- type: (BooleanConstructor | StringConstructor)[];
76
+ type: StringConstructor;
76
77
  default: undefined;
77
78
  };
78
79
  required: {
@@ -137,7 +138,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
137
138
  default: undefined;
138
139
  };
139
140
  error: {
140
- type: (BooleanConstructor | StringConstructor)[];
141
+ type: StringConstructor;
141
142
  default: undefined;
142
143
  };
143
144
  required: {
@@ -177,7 +178,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
177
178
  size: SelectSize;
178
179
  placeholder: string;
179
180
  hint: string;
180
- error: string | boolean;
181
+ error: string;
181
182
  required: boolean;
182
183
  disabled: boolean;
183
184
  disableDefaultStyles: boolean;
@@ -210,6 +211,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
210
211
  noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
211
212
  controlId: import("@vue/composition-api").Ref<string>;
212
213
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
214
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
213
215
  readonly: import("@vue/composition-api").ComputedRef<boolean>;
214
216
  selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
215
217
  searchText: import("@vue/composition-api").Ref<string>;
@@ -233,7 +235,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
233
235
  size: SelectSize;
234
236
  placeholder: string;
235
237
  hint: string;
236
- error: string | boolean;
238
+ error: string;
237
239
  required: boolean;
238
240
  disabled: boolean;
239
241
  disableDefaultStyles: boolean;
@@ -252,7 +254,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
252
254
  size: SelectSize;
253
255
  placeholder: string;
254
256
  hint: string;
255
- error: string | boolean;
257
+ error: string;
256
258
  required: boolean;
257
259
  disabled: boolean;
258
260
  disableDefaultStyles: boolean;
@@ -1,5 +1,5 @@
1
- export { _ as OrSelectV3 } from '../../OrSelect-246d8584.js';
2
- export { a as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
1
+ export { _ as OrSelectV3 } from '../../OrSelect-7ef80130.js';
2
+ export { a as SelectSize } from '../../OrInputBox-53d1f66d.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-0d314aa4.js';
5
5
  import '../../useOverflow-af6161c8.js';
@@ -13,8 +13,7 @@ import '../../OrError-13845bb0.js';
13
13
  import '../../OrExpansionPanel-0a12d957.js';
14
14
  import '../../OrIcon-c434985a.js';
15
15
  import '../../OrHint-78b399cb.js';
16
- import '../../OrInputBox-5c4b3104.js';
17
- import '../../OrInput-d4707fb9.js';
16
+ import '../../OrInput-3bb91436.js';
18
17
  import '../../useResponsive-a02e95b7.js';
19
18
  import '../../useValidationAttributes-d1abbe34.js';
20
19
  import '../../OrIconButton-fa9bff07.js';
@@ -21,6 +21,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
21
21
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
22
22
  currentLength: import("@vue/composition-api").ComputedRef<number>;
23
23
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
24
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
24
25
  focus: () => void;
25
26
  blur: () => void;
26
27
  }> & import("@vue/composition-api").Data, {}, {}, {
@@ -45,7 +46,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
45
46
  default: undefined;
46
47
  };
47
48
  error: {
48
- type: (BooleanConstructor | StringConstructor)[];
49
+ type: StringConstructor;
49
50
  default: undefined;
50
51
  };
51
52
  required: {
@@ -82,7 +83,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
82
83
  default: undefined;
83
84
  };
84
85
  error: {
85
- type: (BooleanConstructor | StringConstructor)[];
86
+ type: StringConstructor;
86
87
  default: undefined;
87
88
  };
88
89
  required: {
@@ -103,7 +104,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
103
104
  label: string;
104
105
  placeholder: string;
105
106
  hint: string;
106
- error: string | boolean;
107
+ error: string;
107
108
  required: boolean;
108
109
  readonly: boolean;
109
110
  disabled: boolean;
@@ -130,6 +131,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
130
131
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
131
132
  currentLength: import("@vue/composition-api").ComputedRef<number>;
132
133
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
134
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
133
135
  focus: () => void;
134
136
  blur: () => void;
135
137
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
@@ -138,7 +140,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
138
140
  label: string;
139
141
  placeholder: string;
140
142
  hint: string;
141
- error: string | boolean;
143
+ error: string;
142
144
  required: boolean;
143
145
  readonly: boolean;
144
146
  disabled: boolean;
@@ -150,7 +152,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
150
152
  label: string;
151
153
  placeholder: string;
152
154
  hint: string;
153
- error: string | boolean;
155
+ error: string;
154
156
  required: boolean;
155
157
  readonly: boolean;
156
158
  disabled: boolean;
@@ -1,5 +1,5 @@
1
- export { _ as OrTextareaV3 } from '../../OrTextarea-0bf9bf33.js';
2
- export { a as TextareaSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
1
+ export { _ as OrTextareaV3 } from '../../OrTextarea-0a64f718.js';
2
+ export { a as TextareaSize } from '../../OrInputBox-53d1f66d.js';
3
3
  import 'vue-demi';
4
4
  import '../../useIdAttribute-859439f0.js';
5
5
  import '@vueuse/core';
@@ -7,6 +7,5 @@ import '../../useValidationAttributes-d1abbe34.js';
7
7
  import '../../OrError-13845bb0.js';
8
8
  import '../../normalize-component-6e8e3d80.js';
9
9
  import '../../OrHint-78b399cb.js';
10
- import '../../OrInputBox-5c4b3104.js';
11
10
  import '../../OrLabel-0945a4d9.js';
12
11
  import '../../style-inject.es-4c6f2515.js';
@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
8
8
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-c5ec96e7.js';
9
9
  export { _ as OrCard } from './OrCard-c44d9783.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-050fb8d2.js';
11
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-77a9b0b5.js';
11
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-f7856175.js';
12
12
  export { _ as OrCardV3 } from './OrCard-e89c44ef.js';
13
13
  export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-d20717ec.js';
14
14
  export { _ as OrCheckbox } from './OrCheckbox-63d444f1.js';
@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from './OrCode-930709c5.js';
19
19
  export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
20
20
  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';
21
21
  export { _ as OrConfirm } from './OrConfirm-f7c58a78.js';
22
- export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-81ae8af5.js';
22
+ export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-98d62065.js';
23
23
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-4059980e.js';
24
24
  export { _ as OrError } from './OrError-efc74907.js';
25
25
  export { _ as OrErrorTagV3 } from './OrErrorTag-7cd5dc68.js';
@@ -34,12 +34,11 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-dd72b5
34
34
  export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-fa9bff07.js';
35
35
  export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-c434985a.js';
36
36
  export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-46146af0.js';
37
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-b003ddde.js';
37
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-df02ab5d.js';
38
38
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-b914488a.js';
39
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-6349b529.js';
40
- export { _ as OrInputBoxV3 } from './OrInputBox-5c4b3104.js';
41
- 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';
42
- export { I as InputType, _ as OrInputV3 } from './OrInput-d4707fb9.js';
39
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-ad120656.js';
40
+ 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';
41
+ export { I as InputType, _ as OrInputV3 } from './OrInput-3bb91436.js';
43
42
  export { _ as OrInput } from './OrInput-c005a759.js';
44
43
  export { _ as OrLabel } from './OrLabel-931394a5.js';
45
44
  export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-0945a4d9.js';
@@ -67,10 +66,10 @@ export { _ as OrRadio } from './OrRadio-514e8de8.js';
67
66
  export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
68
67
  export { _ as OrRadioV3 } from './OrRadio-06a54f1e.js';
69
68
  export { _ as OrSearch } from './OrSearch-1d7880eb.js';
70
- export { _ as OrSearchV3 } from './OrSearch-5b257f78.js';
69
+ export { _ as OrSearchV3 } from './OrSearch-dad9b02f.js';
71
70
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-7486115b.js';
72
71
  export { _ as OrSelect } from './OrSelect-03e79c4b.js';
73
- export { _ as OrSelectV3 } from './OrSelect-246d8584.js';
72
+ export { _ as OrSelectV3 } from './OrSelect-7ef80130.js';
74
73
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
75
74
  export { _ as OrSidebarV3 } from './OrSidebar-89711112.js';
76
75
  export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-81c77db0.js';
@@ -92,7 +91,7 @@ export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
92
91
  export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
93
92
  export { _ as OrTextV3 } from './OrText-91d662a0.js';
94
93
  export { _ as OrTextarea } from './OrTextarea-724a4d6f.js';
95
- export { _ as OrTextareaV3 } from './OrTextarea-0bf9bf33.js';
94
+ export { _ as OrTextareaV3 } from './OrTextarea-0a64f718.js';
96
95
  export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-a2cc5280.js';
97
96
  export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-8566bc09.js';
98
97
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
@@ -5,7 +5,7 @@ import { s as script$6 } from './OrIcon-ea40e58c.js';
5
5
  import { s as script$5 } from './OrMenuItem-de91aded.js';
6
6
  import { s as script$4 } from './OrMenu-b4e8136c.js';
7
7
  import './OrPopover-35ee1b1e.js';
8
- import { s as script$7 } from './OrSearch-3bba0a99.js';
8
+ import { s as script$7 } from './OrSearch-6f6b4fcd.js';
9
9
  import './OrInputBox-2467d7e4.js';
10
10
  import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
11
11
 
@@ -2,7 +2,7 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
2
2
  import { logicAnd } from '@vueuse/math';
3
3
  import { defineComponent, ref, computed, watch } from 'vue-demi';
4
4
  import { s as script$2, a as ButtonColor } from './OrButton-9f059df6.js';
5
- import { s as script$3 } from './OrInput-209bd3fc.js';
5
+ import { s as script$3 } from './OrInput-ae9f6871.js';
6
6
  import { s as script$1 } from './OrOverlay-55f6cf9c.js';
7
7
  import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
8
8
 
@@ -21,8 +21,8 @@ const InlineInputRoot = [
21
21
  // Spacing
22
22
  'gap-xs'];
23
23
  const InlineInputControl = [
24
- // Box
25
- 'w-full',
24
+ // Layout
25
+ 'grow',
26
26
  // Typography
27
27
  'typography-inherit',
28
28
  // Theme
@@ -81,7 +81,7 @@ var script = defineComponent({
81
81
  default: undefined
82
82
  },
83
83
  error: {
84
- type: [String, Boolean],
84
+ type: String,
85
85
  default: undefined
86
86
  }
87
87
  },
@@ -113,6 +113,7 @@ var script = defineComponent({
113
113
  return (_b = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
114
114
  });
115
115
  const maxLength = computed(() => controlAttributes.maxlength);
116
+ const invalid = computed(() => !!props.error);
116
117
  const activated = ref(false);
117
118
  // Handlers
118
119
  function onFocus(event) {
@@ -164,6 +165,7 @@ var script = defineComponent({
164
165
  draftModelValue,
165
166
  currentLength,
166
167
  maxLength,
168
+ invalid,
167
169
  activated,
168
170
  onFocus,
169
171
  onBlur,
@@ -189,7 +191,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
189
191
  class: normalizeClass(_ctx.rootStyles)
190
192
  }, [createElementVNode("div", _hoisted_1, [createVNode(_component_OrInlineInputBox, {
191
193
  size: _ctx.size,
192
- invalid: !!_ctx.error
194
+ invalid: _ctx.invalid
193
195
  }, {
194
196
  default: withCtx(() => [withDirectives(createElementVNode("input", mergeProps({
195
197
  ref: "control",
@@ -216,7 +218,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
216
218
  icon: 'close',
217
219
  color: 'inherit',
218
220
  onClick: withModifiers(_ctx.reset, ["stop"])
219
- }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
221
+ }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
220
222
  key: 0
221
223
  }, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
222
224
  key: 0
@@ -229,7 +231,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
229
231
  fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
230
232
 
231
233
  key: "0"
232
- } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
234
+ } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
233
235
  key: 1
234
236
  }, createSlots({
235
237
  default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
@@ -240,7 +242,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
240
242
  fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
241
243
 
242
244
  key: "0"
243
- } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
245
+ } : undefined]), 1024 /* DYNAMIC_SLOTS */))], 2 /* CLASS */);
244
246
  }
245
247
 
246
248
  var css_248z = "\ninput[data-v-29d9ad19] {\n min-width: 0;\n background: none;\n outline: none;\n}\ninput[type=\"number\"][data-v-29d9ad19]::-webkit-inner-spin-button {\n display: none;\n}\ninput[type=\"search\"][data-v-29d9ad19]::-webkit-search-cancel-button {\n display: none;\n}\n";
@@ -15,8 +15,8 @@ const InlineTextareaRoot = [
15
15
  // Spacing
16
16
  'gap-xs'];
17
17
  const InlineTextareaControl = [
18
- // Box
19
- 'w-full',
18
+ // Layout
19
+ 'grow',
20
20
  // Typography
21
21
  'typography-inherit',
22
22
  // Theme
@@ -59,7 +59,7 @@ var script = defineComponent({
59
59
  default: undefined
60
60
  },
61
61
  error: {
62
- type: [String, Boolean],
62
+ type: String,
63
63
  default: undefined
64
64
  }
65
65
  },
@@ -91,6 +91,7 @@ var script = defineComponent({
91
91
  return (_b = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
92
92
  });
93
93
  const maxLength = computed(() => controlAttributes.maxlength);
94
+ const invalid = computed(() => !!props.error);
94
95
  const activated = ref(false);
95
96
  // Handlers
96
97
  function onFocus(event) {
@@ -142,6 +143,7 @@ var script = defineComponent({
142
143
  draftModelValue,
143
144
  currentLength,
144
145
  maxLength,
146
+ invalid,
145
147
  activated,
146
148
  onFocus,
147
149
  onBlur,
@@ -167,7 +169,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
167
169
  class: normalizeClass(_ctx.rootStyles)
168
170
  }, [createElementVNode("div", _hoisted_1, [createVNode(_component_OrInlineInputBox, {
169
171
  size: 's',
170
- invalid: !!_ctx.error
172
+ invalid: _ctx.invalid
171
173
  }, {
172
174
  default: withCtx(() => [withDirectives(createElementVNode("textarea", mergeProps({
173
175
  ref: "control",
@@ -193,7 +195,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
193
195
  icon: 'close',
194
196
  color: 'inherit',
195
197
  onClick: withModifiers(_ctx.reset, ["stop"])
196
- }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
198
+ }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
197
199
  key: 0
198
200
  }, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
199
201
  key: 0
@@ -206,7 +208,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
206
208
  fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
207
209
 
208
210
  key: "0"
209
- } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
211
+ } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
210
212
  key: 1
211
213
  }, createSlots({
212
214
  default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
@@ -217,7 +219,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
217
219
  fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
218
220
 
219
221
  key: "0"
220
- } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
222
+ } : undefined]), 1024 /* DYNAMIC_SLOTS */))], 2 /* CLASS */);
221
223
  }
222
224
 
223
225
  var css_248z = "\ntextarea[data-v-3f016b22] {\n min-width: 0;\n background: none;\n outline: none;\n}\n";