@onereach/ui-components 10.3.4 → 10.3.5-beta.4335.0

package/dist/bundled/v2/components/OrSwitchV3/OrSwitch.js

@@ -2,12 +2,14 @@ import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Switch, SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoaderHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$2 from '../OrLoaderV3/OrLoader.js';
-import { LabelVariant } from '../OrLabelV3/props.js';
+import { L as LabelVariant } from '../../styles-30358b7e.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { isArray } from '../../utils/isArray.js';
-import { isNil } from '../../utils/isNil.js';
+import { isUndefined } from '../../utils/isUndefined.js';
+import { include } from '../../utils/include.js';
+import { exclude } from '../../utils/exclude.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -27,7 +29,7 @@ var script = defineComponent({
       default: undefined
     },
     value: {
-      type: [String, Number, Object],
+      type: undefined,
       default: undefined
     },
     label: {
@@ -68,8 +70,8 @@ var script = defineComponent({
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
       if (isArray(model.value)) {
-        if (isNil(props.value)) {
-          throw new Error('[OrSwitch]: Property "value" must be specified.');
+        if (isUndefined(props.value)) {
+          throw new Error('[OrSwitch]: `value` must be specified.');
         }
         return model.value.includes(props.value);
       }
@@ -78,13 +80,13 @@ var script = defineComponent({
     // Handlers
     function onChange() {
       if (isArray(model.value)) {
-        if (isNil(props.value)) {
-          throw new Error('[OrSwitch]: Property "value" must be specified.');
+        if (isUndefined(props.value)) {
+          throw new Error('[OrSwitch]: `value` must be specified.');
         }
-        if (checked.value) {
-          model.value = model.value.filter(value => value !== props.value);
+        if (!checked.value) {
+          model.value = include(props.value, model.value);
         } else {
-          model.value = [...model.value, props.value];
+          model.value = exclude(props.value, model.value);
         }
       } else {
         model.value = !model.value;
@@ -114,7 +116,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-a9c4a2ae]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
+var css_248z = "input[data-v-640a50cc]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
 styleInject(css_248z);
 
 /* script */
@@ -188,7 +190,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a9c4a2ae";
+const __vue_scope_id__ = "data-v-640a50cc";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrSwitchV3/OrSwitch.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "menu-item">;
+        type: PropType<"input" | "toggle" | "group" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     loading: {
@@ -60,7 +60,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "menu-item">;
+        type: PropType<"input" | "toggle" | "group" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     loading: {
@@ -79,7 +79,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: SwitchModelValue;
     value: SwitchValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     loading: boolean;
     required: boolean;
     disabled: boolean;
@@ -105,7 +105,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: SwitchModelValue;
     value: SwitchValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     loading: boolean;
     required: boolean;
     disabled: boolean;
@@ -115,7 +115,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: SwitchModelValue;
     value: SwitchValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     loading: boolean;
     required: boolean;
     disabled: boolean;

package/dist/bundled/v2/components/OrSwitchV3/types.d.ts

@@ -1,2 +1,3 @@
-export type SwitchModelValue = SwitchValue[] | boolean | null | undefined;
+import { ModelValue } from '../../types';
+export type SwitchModelValue = ModelValue<SwitchValue | boolean>;
 export type SwitchValue = string | number | object;

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { g as useResizeObserver } from '../../index-13c63b4c.js';
+import { h as useResizeObserver } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsContainer, Tabs, TabsVariants, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TabsVariant } from './props';
-import { TabsItem } from './types';
+import { EditorTabsItem } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     overflowTab: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -20,23 +20,23 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
-            value: string | number;
             label: string;
+            value: import("./types").EditorTabsItemValue;
+            disabled?: boolean | undefined;
             pinned?: boolean | undefined;
             invalid?: boolean | undefined;
-            disabled?: boolean | undefined;
         }[];
         hidden: {
-            value: string | number;
             label: string;
+            value: import("./types").EditorTabsItemValue;
+            disabled?: boolean | undefined;
             pinned?: boolean | undefined;
             invalid?: boolean | undefined;
-            disabled?: boolean | undefined;
         }[];
     };
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
-    activeTab: import("@vue/composition-api").ComputedRef<TabsItem>;
-    selectTab: (tab: TabsItem) => void;
+    activeTab: import("@vue/composition-api").ComputedRef<EditorTabsItem>;
+    selectTab: (tab: EditorTabsItem) => void;
     isTabRendered: (value: string | number) => boolean;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
@@ -44,7 +44,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     items: {
-        type: PropType<TabsItem[]>;
+        type: PropType<EditorTabsItem[]>;
         required: true;
     };
     variant: {
@@ -61,7 +61,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     items: {
-        type: PropType<TabsItem[]>;
+        type: PropType<EditorTabsItem[]>;
         required: true;
     };
     variant: {
@@ -74,7 +74,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string | number;
-    items: TabsItem[];
+    items: EditorTabsItem[];
     variant: "default" | "fitted";
     keepAlive: boolean;
 } & {} & {
@@ -98,27 +98,27 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
-            value: string | number;
             label: string;
+            value: import("./types").EditorTabsItemValue;
+            disabled?: boolean | undefined;
             pinned?: boolean | undefined;
             invalid?: boolean | undefined;
-            disabled?: boolean | undefined;
         }[];
         hidden: {
-            value: string | number;
             label: string;
+            value: import("./types").EditorTabsItemValue;
+            disabled?: boolean | undefined;
             pinned?: boolean | undefined;
             invalid?: boolean | undefined;
-            disabled?: boolean | undefined;
         }[];
     };
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
-    activeTab: import("@vue/composition-api").ComputedRef<TabsItem>;
-    selectTab: (tab: TabsItem) => void;
+    activeTab: import("@vue/composition-api").ComputedRef<EditorTabsItem>;
+    selectTab: (tab: EditorTabsItem) => void;
     isTabRendered: (value: string | number) => boolean;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string | number;
-    items: TabsItem[];
+    items: EditorTabsItem[];
     variant: "default" | "fitted";
     keepAlive: boolean;
 } & {} & {

package/dist/bundled/v2/components/OrTabsV3/types.d.ts

@@ -1,7 +1,7 @@
-export interface TabsItem {
-    value: string | number;
-    label: string;
+import { Item, ModelValue } from '../../types';
+export type EditorTabsModelValue = ModelValue<EditorTabsItemValue>;
+export type EditorTabsItem = Item<EditorTabsItemValue> & {
     pinned?: boolean;
     invalid?: boolean;
-    disabled?: boolean;
-}
+};
+export type EditorTabsItemValue = string | number;

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { o as onClickOutside } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -7,12 +7,15 @@ import __vue_component__$3 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$4 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$5 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$6 from '../OrTagsV3/OrTags.js';
-import { TagColor } from '../OrTagV3/props.js';
 import { TagsOverflow } from '../OrTagsV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
+import { toArray } from '../../utils/toArray.js';
+import { TagColor } from '../OrTagV3/props.js';
+import { include } from '../../utils/include.js';
+import { exclude } from '../../utils/exclude.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -32,8 +35,8 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Array,
-      default: () => []
+      type: undefined,
+      default: []
     },
     label: {
       type: String,
@@ -81,8 +84,8 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur', 'reset'],
-  expose: ['root', 'focus', 'blur'],
+  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur', 'reset'],
+  expose: ['root', 'reset', 'clear', 'focus', 'blur'],
   setup(props, context) {
     // Refs
     const root = ref();
@@ -112,7 +115,7 @@ var script = defineComponent({
     const proxyModelValue = useProxyModelValue(modelValue, context.emit);
     const draftModelValue = ref('');
     const tagsItems = computed(() => {
-      return proxyModelValue.value.map(item => ({
+      return toArray(proxyModelValue.value).map(item => ({
         label: item,
         value: item,
         tagProps: {
@@ -162,21 +165,26 @@ var script = defineComponent({
       nextTick(() => focus());
     }
     function add() {
+      var _a, _b;
       const newItem = draftModelValue.value;
       if (!newItem) return;
-      if (proxyModelValue.value.includes(newItem)) return;
+      if ((_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.includes(newItem)) return;
       if (maxLength.value && currentLength.value >= maxLength.value) return;
-      proxyModelValue.value = [...proxyModelValue.value, newItem];
+      proxyModelValue.value = include(newItem, (_b = proxyModelValue.value) !== null && _b !== void 0 ? _b : []);
       draftModelValue.value = '';
     }
     function remove(value) {
-      proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
+      var _a;
+      proxyModelValue.value = exclude(value, (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : []);
     }
     function reset() {
       proxyModelValue.value = [];
       draftModelValue.value = '';
       context.emit('reset');
     }
+    function clear() {
+      draftModelValue.value = '';
+    }
     // Effects
     onClickOutside(inputBox, () => {
       var _a, _b;
@@ -186,7 +194,7 @@ var script = defineComponent({
     });
     watch(proxyModelValue, (items, prevItems) => {
       var _a;
-      if (items.length != prevItems.length && overflow.value === TagsOverflow.Scroll) {
+      if ((items === null || items === void 0 ? void 0 : items.length) !== (prevItems === null || prevItems === void 0 ? void 0 : prevItems.length) && overflow.value === TagsOverflow.Scroll) {
         ((_a = tags.value) === null || _a === void 0 ? void 0 : _a.scrollToEnd)();
       }
     });
@@ -214,12 +222,13 @@ var script = defineComponent({
       activate,
       deactivate,
       remove,
-      reset
+      reset,
+      clear
     };
   }
 });
 
-var css_248z = "input[data-v-02b0b3d7]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-14860ecd]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -265,11 +274,10 @@ var __vue_render__ = function () {
     scopedSlots: _vm._u([_vm.enableClear && !_vm.readonly && !_vm.disabled ? {
       key: "addon",
       fn: function () {
-        return [_vm.proxyModelValue.length > 0 || _vm.draftModelValue ? [_c('OrIconButton', {
+        return [_vm.proxyModelValue && _vm.proxyModelValue.length > 0 || _vm.draftModelValue ? [_c('OrIconButton', {
           attrs: {
             "icon": 'close',
-            "color": 'inherit',
-            "disabled": _vm.readonly || _vm.disabled
+            "color": 'inherit'
           },
           on: {
             "click": function ($event) {
@@ -324,7 +332,7 @@ var __vue_render__ = function () {
           style: _vm.controlInlineStyles,
           attrs: {
             "type": 'text',
-            "placeholder": _vm.proxyModelValue.length === 0 ? _vm.placeholder : undefined,
+            "placeholder": _vm.proxyModelValue && _vm.proxyModelValue.length === 0 ? _vm.placeholder : undefined,
             "readonly": _vm.readonly,
             "disabled": _vm.disabled,
             "autocomplete": 'off',
@@ -335,24 +343,26 @@ var __vue_render__ = function () {
             "value": _vm.draftModelValue
           },
           on: {
+            "input": [function ($event) {
+              if ($event.target.composing) {
+                return;
+              }
+              _vm.draftModelValue = $event.target.value.trim();
+            }, function ($event) {
+              return _vm.$emit('input', $event);
+            }],
             "keydown": [function ($event) {
+              return _vm.$emit('keydown', $event);
+            }, function ($event) {
               if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
                 return null;
               }
               return _vm.add();
-            }, function ($event) {
-              return _vm.$emit('keydown', $event);
             }],
             "keyup": function ($event) {
               return _vm.$emit('keyup', $event);
             },
             "focus": _vm.activate,
-            "input": function ($event) {
-              if ($event.target.composing) {
-                return;
-              }
-              _vm.draftModelValue = $event.target.value.trim();
-            },
             "blur": function ($event) {
               return _vm.$forceUpdate();
             }
@@ -361,54 +371,50 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  })], 1), _vm._v(" "), _c('div', {
+  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n      " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 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-02b0b3d7";
+const __vue_scope_id__ = "data-v-14860ecd";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TagObject, TagsOverflow } from '../or-tags-v3';
+import { TagInputModelValue } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
@@ -32,7 +33,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<TagInputModelValue>;
     draftModelValue: import("@vue/composition-api").Ref<string>;
     tagsItems: import("@vue/composition-api").ComputedRef<TagObject[]>;
     tagsProps: import("@vue/composition-api").ComputedRef<{
@@ -50,10 +51,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     deactivate: () => void;
     remove: (value: string) => void;
     reset: () => void;
+    clear: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: PropType<string[]>;
-        default: () => [];
+        type: PropType<TagInputModelValue>;
+        default: string[];
     };
     label: {
         type: StringConstructor;
@@ -101,8 +103,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: PropType<string[]>;
-        default: () => [];
+        type: PropType<TagInputModelValue>;
+        default: string[];
     };
     label: {
         type: StringConstructor;
@@ -149,7 +151,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: string[];
+    modelValue: TagInputModelValue;
     label: string;
     placeholder: string;
     hint: string;
@@ -195,7 +197,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<TagInputModelValue>;
     draftModelValue: import("@vue/composition-api").Ref<string>;
     tagsItems: import("@vue/composition-api").ComputedRef<TagObject[]>;
     tagsProps: import("@vue/composition-api").ComputedRef<{
@@ -213,8 +215,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     deactivate: () => void;
     remove: (value: string) => void;
     reset: () => void;
+    clear: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: string[];
+    modelValue: TagInputModelValue;
     label: string;
     placeholder: string;
     hint: string;
@@ -229,7 +232,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string[];
+    modelValue: TagInputModelValue;
     label: string;
     placeholder: string;
     hint: string;

package/dist/bundled/v2/components/OrTagInputV3/index.d.ts

@@ -1 +1,2 @@
 export { default as OrTagInputV3 } from './OrTagInput.vue';
+export * from './types';

package/dist/bundled/v2/components/OrTagInputV3/types.d.ts

@@ -0,0 +1,2 @@
+import { ModelValue } from '../../types';
+export type TagInputModelValue = ModelValue<string[]>;

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.js

@@ -120,7 +120,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-e7cbe606]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-45c1c72b]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -204,54 +204,50 @@ var __vue_render__ = function () {
         return _vm.$forceUpdate();
       }]
     }
-  }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _c('div', {
+  }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n      " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 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-e7cbe606";
+const __vue_scope_id__ = "data-v-45c1c72b";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTextareaV3/types.d.ts

@@ -1 +1,2 @@
-export type TextareaModelValue = string | null | undefined;
+import { ModelValue } from '../../types';
+export type TextareaModelValue = ModelValue<string>;