@onereach/ui-components 10.3.4-beta.4317.0 → 10.3.4-beta.4322.0

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

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

package/dist/bundled/v2/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRef } from 'vue-demi';
 import __vue_component__$1 from '../OrCheckboxTreeV3/OrCheckboxTree.js';
 import __vue_component__$2 from '../OrFormGroupV3/OrFormGroup.js';
-import { FormGroupDirection } from '../OrFormGroupV3/props.js';
+import { F as FormGroupDirection } from '../../styles-a198cbef.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.js

@@ -1,12 +1,12 @@
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Checkbox, CheckboxControl, CheckboxControlHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.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';
@@ -27,7 +27,7 @@ var script = defineComponent({
       default: undefined
     },
     value: {
-      type: [String, Number, Object],
+      type: undefined,
       default: undefined
     },
     label: {
@@ -67,7 +67,7 @@ var script = defineComponent({
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
       if (isArray(model.value)) {
-        if (isNil(props.value)) {
+        if (isUndefined(props.value)) {
           throw new Error('[OrCheckbox]: `value` must be specified.');
         }
         return model.value.includes(props.value);
@@ -77,7 +77,7 @@ var script = defineComponent({
     // Handlers
     function onChange() {
       if (isArray(model.value)) {
-        if (isNil(props.value)) {
+        if (isUndefined(props.value)) {
           throw new Error('[OrCheckbox]: `value` must be specified.');
         }
         if (!checked.value) {
@@ -112,7 +112,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-1649844d]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
+var css_248z = "input[data-v-0dd7274e]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
 styleInject(css_248z);
 
 /* script */
@@ -176,7 +176,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-1649844d";
+const __vue_scope_id__ = "data-v-0dd7274e";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -30,7 +30,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;
     };
     indeterminate: {
@@ -59,7 +59,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;
     };
     indeterminate: {
@@ -78,7 +78,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;
@@ -103,7 +103,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;
@@ -113,7 +113,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;

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

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

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -5,7 +5,7 @@ import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-0153ab46.js';
+import { _ as __vue_component__$3 } from '../../OrInput-9b115866.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0b9e141c.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-314341ee.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     reset: () => void;
     openPopover: () => void;
     closePopover: () => void;
-    formatDateAlt: (value: DateTimePickerModelValue) => string;
+    formatDateAlt: (value?: DateTimePickerModelValue) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<DateTimePickerModelValue>;
@@ -186,7 +186,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     reset: () => void;
     openPopover: () => void;
     closePopover: () => void;
-    formatDateAlt: (value: DateTimePickerModelValue) => string;
+    formatDateAlt: (value?: DateTimePickerModelValue) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: DateTimePickerModelValue;
     format: "short" | "medium" | "long";

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -9,7 +9,7 @@ import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
 import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0b9e141c.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-314341ee.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -138,8 +138,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0];
       },
       set: value => {
-        var _a;
-        draft.value = [value, (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]];
+        var _a, _b;
+        draft.value = [value !== null && value !== void 0 ? value : null, (_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : null];
       }
     });
     const draftTo = computed({
@@ -148,8 +148,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1];
       },
       set: value => {
-        var _a;
-        draft.value = [(_a = draft.value) === null || _a === void 0 ? void 0 : _a[0], value];
+        var _a, _b;
+        draft.value = [(_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null, value !== null && value !== void 0 ? value : null];
       }
     });
     const activeControl = ref('from');
@@ -177,7 +177,7 @@ var script = defineComponent({
     }
     function reset() {
       var _a;
-      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [undefined, undefined];
+      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [null, null];
     }
     function toggleControl() {
       activeControl.value = activeControl.value === 'from' ? 'to' : 'from';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.vue.d.ts

@@ -23,18 +23,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     initialValueFrom: import("@vue/composition-api").Ref<Date>;
     initialValueTo: import("@vue/composition-api").Ref<Date>;
     model: import("../../hooks").UseProxyModelValueReturn<DateRangePickerModelValue>;
-    draft: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue] | null | undefined>;
-    draftFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
-    draftTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    draft: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue] | null>;
+    draftFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
+    draftTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
     activeControl: import("@vue/composition-api").Ref<"from" | "to">;
-    activeControlDraft: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    activeControlDraft: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
     invalid: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     toggleControl: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatDateAlt: (value: DateTimePickerModelValue) => string;
+    formatDateAlt: (value?: DateTimePickerModelValue) => string;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -162,18 +162,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     initialValueFrom: import("@vue/composition-api").Ref<Date>;
     initialValueTo: import("@vue/composition-api").Ref<Date>;
     model: import("../../hooks").UseProxyModelValueReturn<DateRangePickerModelValue>;
-    draft: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue] | null | undefined>;
-    draftFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
-    draftTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    draft: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue] | null>;
+    draftFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
+    draftTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
     activeControl: import("@vue/composition-api").Ref<"from" | "to">;
-    activeControlDraft: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    activeControlDraft: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
     invalid: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     toggleControl: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatDateAlt: (value: DateTimePickerModelValue) => string;
+    formatDateAlt: (value?: DateTimePickerModelValue) => string;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

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

@@ -1,2 +1,3 @@
+import { ModelValue } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
-export type DateRangePickerModelValue = [DateTimePickerModelValue, DateTimePickerModelValue] | null | undefined;
+export type DateRangePickerModelValue = ModelValue<[DateTimePickerModelValue, DateTimePickerModelValue]>;

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0b9e141c.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-314341ee.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts

@@ -38,8 +38,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggleTimePopover: () => void;
     closeDatePopover: () => void;
     closeTimePopover: () => void;
-    formatDateAlt: (value: DateTimePickerModelValue) => string;
-    formatTimeAlt: (value: DateTimePickerModelValue) => string;
+    formatDateAlt: (value?: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value?: DateTimePickerModelValue) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<DateTimePickerModelValue>;
@@ -234,8 +234,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggleTimePopover: () => void;
     closeDatePopover: () => void;
     closeTimePopover: () => void;
-    formatDateAlt: (value: DateTimePickerModelValue) => string;
-    formatTimeAlt: (value: DateTimePickerModelValue) => string;
+    formatDateAlt: (value?: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value?: DateTimePickerModelValue) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: DateTimePickerModelValue;
     dateFormat: "short" | "medium" | "long";

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,6 +1,6 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0b9e141c.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-314341ee.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatTime } from './utils/formatTime.js';

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

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

package/dist/bundled/v2/components/OrEditorTabsV3/OrEditorTabs.js

@@ -8,6 +8,8 @@ import __vue_component__$3 from '../OrIconV3/OrIcon.js';
 import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$5 from '../OrMenuItemV3/OrMenuItem.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
+import { isNil } from '../../utils/isNil.js';
+import { getItemByValue } from '../../helpers/getItemByValue.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
 
 const EditorTabsItem = [
@@ -133,7 +135,7 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: [String, Number],
+      type: undefined,
       default: undefined
     },
     items: {
@@ -168,7 +170,7 @@ var script = defineComponent({
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const selectedItem = computed(() => {
-      return props.items.find(item => item.value === proxyModelValue.value);
+      return !isNil(proxyModelValue.value) ? getItemByValue(proxyModelValue.value, props.items) : undefined;
     });
     watch(selectedItem, value => {
       var _a, _b, _c;

package/dist/bundled/v2/components/OrEditorTabsV3/OrEditorTabs.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { TabsItem } from '../or-tabs-v3';
+import { EditorTabsItem, EditorTabsModelValue } from '../or-tabs-v3';
 import { EditorTabsOverflow } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -13,22 +13,22 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerTabsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
-    selectedItem: import("@vue/composition-api").ComputedRef<TabsItem | undefined>;
-    overflowItems: import("@vue/composition-api").ComputedRef<TabsItem[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<EditorTabsModelValue>;
+    selectedItem: import("@vue/composition-api").ComputedRef<EditorTabsItem | undefined>;
+    overflowItems: import("@vue/composition-api").ComputedRef<EditorTabsItem[]>;
     showOverflowMenu: import("@vue/composition-api").Ref<boolean>;
     onWheel: (event: WheelEvent) => void;
     open: () => void;
-    close: (item: TabsItem) => void;
+    close: (item: EditorTabsItem) => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: PropType<EditorTabsModelValue>;
         default: undefined;
     };
     items: {
-        type: PropType<TabsItem[]>;
+        type: PropType<EditorTabsItem[]>;
         required: true;
     };
     overflow: {
@@ -45,11 +45,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: PropType<EditorTabsModelValue>;
         default: undefined;
     };
     items: {
-        type: PropType<TabsItem[]>;
+        type: PropType<EditorTabsItem[]>;
         required: true;
     };
     overflow: {
@@ -65,8 +65,8 @@ 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 | number;
-    items: TabsItem[];
+    modelValue: EditorTabsModelValue;
+    items: EditorTabsItem[];
     overflow: "scroll" | "wrap";
     addButton: boolean;
     closeButton: boolean;
@@ -84,25 +84,25 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerTabsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
-    selectedItem: import("@vue/composition-api").ComputedRef<TabsItem | undefined>;
-    overflowItems: import("@vue/composition-api").ComputedRef<TabsItem[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<EditorTabsModelValue>;
+    selectedItem: import("@vue/composition-api").ComputedRef<EditorTabsItem | undefined>;
+    overflowItems: import("@vue/composition-api").ComputedRef<EditorTabsItem[]>;
     showOverflowMenu: import("@vue/composition-api").Ref<boolean>;
     onWheel: (event: WheelEvent) => void;
     open: () => void;
-    close: (item: TabsItem) => void;
+    close: (item: EditorTabsItem) => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: string | number;
-    items: TabsItem[];
+    modelValue: EditorTabsModelValue;
+    items: EditorTabsItem[];
     overflow: "scroll" | "wrap";
     addButton: boolean;
     closeButton: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number;
+    modelValue: EditorTabsModelValue;
     overflow: "scroll" | "wrap";
     addButton: boolean;
     closeButton: boolean;

package/dist/bundled/v2/components/OrFormGroupV3/OrFormGroup.js

@@ -1,6 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { FormGroupDirection } from './props.js';
-import { FormGroupRoot, FormGroupLabel, FormGroupContent, FormGroupContentDirections } from './styles.js';
+import { F as FormGroupDirection, a as FormGroup, b as FormGroupContent, c as FormGroupContentDirections } from '../../styles-a198cbef.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrLabelV3/OrLabel.js';
@@ -40,20 +39,14 @@ var script = defineComponent({
     }
   },
   setup(props) {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    // State
-    const invalid = computed(() => !!props.error);
-    // Styles
-    const rootStyles = computed(() => ['or-form-group-v3', ...FormGroupRoot]);
-    const labelStyles = computed(() => [...FormGroupLabel]);
+    const rootStyles = computed(() => ['or-form-group-v3', ...FormGroup]);
     const contentStyles = computed(() => [...FormGroupContent, ...FormGroupContentDirections[props.direction]]);
     return {
       root,
       rootStyles,
-      labelStyles,
-      contentStyles,
-      invalid
+      contentStyles
     };
   }
 });
@@ -69,39 +62,47 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_c('div', {
-    staticClass: "layout-row"
-  }, [_vm._t("label", function () {
-    return [_vm.$slots.label || _vm.$slots.addon || _vm.label ? _c('OrLabel', {
-      class: _vm.labelStyles,
-      attrs: {
-        "invalid": _vm.invalid,
-        "required": _vm.required,
-        "disabled": _vm.disabled
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
+    attrs: {
+      "variant": 'group',
+      "invalid": !!_vm.error,
+      "required": _vm.required,
+      "disabled": _vm.disabled
+    },
+    scopedSlots: _vm._u([{
+      key: "addon",
+      fn: function () {
+        return [_vm._t("addon")];
       },
-      scopedSlots: _vm._u([{
-        key: "addon",
-        fn: function () {
-          return [_vm._t("addon")];
-        },
-        proxy: true
-      }], null, true)
-    }, [_vm._t("label", function () {
-      return [_vm._v("\n          " + _vm._s(_vm.label) + "\n        ")];
-    })], 2) : _vm._e()];
-  })], 2), _vm._v(" "), _c('div', {
+      proxy: true
+    }], null, true)
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('div', {
     class: _vm.contentStyles
-  }, [_vm._t("default")], 2), _vm._v(" "), (_vm.$slots.hint || _vm.hint) && !_vm.error ? [_c('OrHint', {
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.error,
+      expression: "!error"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
     return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+  })], 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"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrFormGroupV3/OrFormGroup.vue.d.ts

@@ -1,11 +1,9 @@
 import { PropType } from 'vue-demi';
-import { FormGroupDirection } from './props';
+import { FormGroupDirection } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     direction: {
         type: PropType<"vertical" | "horizontal">;
@@ -66,9 +64,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     direction: "vertical" | "horizontal";
     label: string;

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

@@ -1,2 +1,2 @@
 export { default as OrFormGroupV3 } from './OrFormGroup.vue';
-export * from './props';
+export * from './types';

package/dist/bundled/v2/components/OrFormGroupV3/index.js

@@ -1,2 +1,2 @@
 export { default as OrFormGroupV3 } from './OrFormGroup.js';
-export { FormGroupDirection } from './props.js';
+export { F as FormGroupDirection } from '../../styles-a198cbef.js';

package/dist/bundled/v2/components/OrFormGroupV3/styles.d.ts

@@ -1,5 +1,4 @@
-import { FormGroupDirection } from './props';
-export declare const FormGroupRoot: string[];
+import { FormGroupDirection } from './types';
+export declare const FormGroup: string[];
 export declare const FormGroupContent: string[];
-export declare const FormGroupLabel: string[];
 export declare const FormGroupContentDirections: Record<FormGroupDirection, string[]>;

package/dist/bundled/v2/components/OrFormGroupV3/styles.js

@@ -1,17 +1 @@
-import { FormGroupDirection } from './props.js';
-
-const FormGroupRoot = [
-// Layout
-'layout-column', 'gap-md md:gap-sm'];
-const FormGroupContent = [
-// Layout
-'pl-[10px] md:pl-[0]'];
-const FormGroupLabel = [
-// Typography
-'!typography-body-2-regular', '!theme-foreground', 'dark:!theme-foreground-dark', 'invalid:!theme-foreground-error', 'dark:invalid:!theme-foreground-error-dark'];
-const FormGroupContentDirections = {
-  [FormGroupDirection.Vertical]: ['layout-column', 'gap-md md:gap-sm'],
-  [FormGroupDirection.Horizontal]: ['layout-row', 'gap-[18px] md:gap-md']
-};
-
-export { FormGroupContent, FormGroupContentDirections, FormGroupLabel, FormGroupRoot };
+export { a as FormGroup, b as FormGroupContent, c as FormGroupContentDirections } from '../../styles-a198cbef.js';

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

@@ -1,4 +1,5 @@
-export type InlineInputModelValue = string | number | null | undefined;
+import { ModelValue } from '../../types';
+export type InlineInputModelValue = ModelValue<string | number>;
 export declare enum InlineInputType {
     Text = "text",
     Number = "number"

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

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

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-0153ab46.js';
+export { _ as default } from '../../OrInput-9b115866.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInputV3/index.js

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-0153ab46.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-9b115866.js';

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

@@ -1,4 +1,5 @@
-export type InputModelValue = string | number | null | undefined;
+import { ModelValue } from '../../types';
+export type InputModelValue = ModelValue<string | number>;
 export declare enum InputType {
     Text = "text",
     Number = "number",