@onereach/ui-components 8.18.3-beta.3946.0 → 8.18.3

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js

@@ -1,2 +1,2 @@
-export { C as default } from '../../../OrRichTextEditorV3-51a86e18.js';
-import '../../../OrCode-f7708644.js';
+export { C as default } from '../../../OrRichTextEditorV3-243f2ed9.js';
+import '../../../OrCode-46b1b8aa.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/index.js

@@ -1 +1 @@
-export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-51a86e18.js';
+export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-243f2ed9.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/theme.js

@@ -1,3 +1,3 @@
-import '../../../OrCode-f7708644.js';
+import '../../../OrCode-46b1b8aa.js';
 import '../../../../hooks/useTheme.js';
-export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-51a86e18.js';
+export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-243f2ed9.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js

@@ -1 +1 @@
-export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-51a86e18.js';
+export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-243f2ed9.js';

package/dist/bundled/v3/components/{OrRichTextEditorV3-51a86e18.js → OrRichTextEditorV3-243f2ed9.js}

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment as Fragment$1, renderList, createBlock, createCommentVNode, withDirectives, vShow, vModelText, renderSlot } from 'vue';
 import { s as styleInject } from './OrAvatar-28d247a6.js';
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { u as useFocusTrap } from './OrModal-70fa6d2d.js';
+import { u as useFocusTrap } from './OrModal-3aad4d27.js';
 import { k as useResizeObserver, l as useDebounceFn, o as onClickOutside } from './OrBottomSheetV3-66815f6f.js';
 import { j as commonjsGlobal, k as getDefaultExportFromCjs } from './OrDateTimePicker-118c12fd.js';
-import { f as keyName, g as base, a as EditorView$1, H as HighlightStyle, t as tags, s as syntaxHighlighting, E as EditorState$1, m as highlightActiveLine, n as highlightActiveLineGutter, o as lineNumbers, k as keymap$1, p as minimalSetup, j as javascript } from './OrCode-f7708644.js';
+import { f as keyName, g as base, a as EditorView$1, H as HighlightStyle, t as tags, s as syntaxHighlighting, E as EditorState$1, m as highlightActiveLine, n as highlightActiveLineGutter, o as lineNumbers, k as keymap$1, p as minimalSetup, j as javascript } from './OrCode-46b1b8aa.js';
 import { s as script$1 } from './OrIconButtonV3-4e12fe82.js';
 import { s as script$2 } from './OrLabelV3-44afce27.js';
 import { s as script$3 } from './OrMenuItemV3-7b557536.js';

package/dist/bundled/v3/components/OrSelectV3/OrSelect.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { TagsOverflow } from '../or-tags-v3';
 import { SelectSize } from './props';
-import { RawValue, SelectGroupByFunction, SelectOption, SelectSearchFunction, SelectValue } from './types';
+import { SelectGroupByFunction, SelectOption, SelectSearchFunction, SelectValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     options: {
         type: PropType<SelectOption[]>;
@@ -99,7 +99,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     showClear: import("vue-demi").ComputedRef<boolean>;
     searchText: import("vue-demi").Ref<string>;
     internalSearchOptions: import("vue-demi").Ref<{
-        value: RawValue;
+        value: import("./types").RawValue;
         label: string;
         disabled?: boolean | undefined;
     }[]>;
@@ -108,8 +108,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     toggle: () => void;
     close: () => void;
     open: () => void;
-    deselect: (option: RawValue) => void;
-    toggleOption: (option: RawValue) => void;
+    deselect: (option: string) => void;
+    toggleOption: (option: string) => void;
     clearSearchControl: () => void;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
     isMobile: import("vue-demi").ComputedRef<boolean>;

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

@@ -1 +1 @@
-export { s as default } from '../OrTabsV3-b1db1d5a.js';
+export { s as default } from '../OrTabsV3-d1028c81.js';

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

@@ -14,6 +14,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"default" | "fitted">;
         default: () => TabsVariant;
     };
+    keepAlive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     overflowTab: import("vue-demi").Ref<any>;
@@ -40,6 +44,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | undefined>;
     activeTab: import("vue-demi").ComputedRef<TabsItem>;
     selectTab: (tab: TabsItem) => void;
+    isTabRendered: (value: string | number) => boolean;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
@@ -53,10 +58,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"default" | "fitted">;
         default: () => TabsVariant;
     };
+    keepAlive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number;
     variant: "default" | "fitted";
+    keepAlive: boolean;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrTabsV3/index.js

@@ -1 +1 @@
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabsV3-b1db1d5a.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabsV3-d1028c81.js';

package/dist/bundled/v3/components/OrTabsV3/props.js

@@ -1 +1 @@
-export { T as TabsVariant } from '../OrTabsV3-b1db1d5a.js';
+export { T as TabsVariant } from '../OrTabsV3-d1028c81.js';

package/dist/bundled/v3/components/OrTabsV3/styles.js

@@ -1 +1 @@
-export { b as Tabs, a as TabsContainer, d as TabsContent, c as TabsVariants } from '../OrTabsV3-b1db1d5a.js';
+export { b as Tabs, a as TabsContainer, d as TabsContent, c as TabsVariants } from '../OrTabsV3-d1028c81.js';

package/dist/bundled/v3/components/{OrTabsV3-b1db1d5a.js → OrTabsV3-d1028c81.js}

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode, withDirectives, vShow } from 'vue';
 import { k as useResizeObserver } from './OrBottomSheetV3-66815f6f.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { s as script$1 } from './OrIconV3-5db4e349.js';
@@ -68,6 +68,10 @@ var script = defineComponent({
     variant: {
       type: String,
       default: () => TabsVariant.Default
+    },
+    keepAlive: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -129,6 +133,9 @@ var script = defineComponent({
         hidden: nextHiddenTabs
       };
     }
+    function isTabRendered(value) {
+      return props.keepAlive || proxyModelValue.value === value;
+    }
     // Effects
     watch([() => props.items, activeTab, root], _ref2 => {
       let [items, activeTab, rootElement] = _ref2;
@@ -163,7 +170,8 @@ var script = defineComponent({
       tabs,
       proxyModelValue,
       activeTab,
-      selectTab
+      selectTab,
+      isTabRendered
     };
   }
 });
@@ -227,7 +235,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), createElementVNode("div", {
     class: normalizeClass(_ctx.contentStyles)
-  }, [renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))], 2 /* CLASS */)], 2 /* CLASS */);
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, tab => {
+    return openBlock(), createElementBlock(Fragment, null, [_ctx.isTabRendered(tab.value) ? withDirectives((openBlock(), createElementBlock("div", {
+      key: tab.value
+    }, [renderSlot(_ctx.$slots, String(tab.value))])), [[vShow, String(_ctx.proxyModelValue) === String(tab.value)]]) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */);
+  }), 256 /* UNKEYED_FRAGMENT */))], 2 /* CLASS */)], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/bundled/v3/components/index.js

@@ -15,14 +15,14 @@ export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGrou
 export { s as OrCheckboxTreeV3 } from './OrCheckboxTreeV3-bedfb3ff.js';
 export { s as OrCheckboxV3 } from './OrCheckboxV3-96eb3430.js';
 export { s as OrChip, a as OrChips } from './OrChips-ba5bb85b.js';
-export { E as EditorState, a as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './OrCode-f7708644.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-6dbd233d.js';
+export { E as EditorState, a as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './OrCode-46b1b8aa.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-d8e1ec2f.js';
 export { default as OrCollapse } from './OrCollapse/OrCollapse.js';
 export { s 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-2271c176.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInputV3-bd03f7e5.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBoxV3-ddd117f0.js';
-export { s as OrConfirm } from './OrConfirm-66387c1f.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-0a0d83f0.js';
+export { s as OrConfirm } from './OrConfirm-f95a3ce6.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-26accd85.js';
 export { OrContextMenuV3 } from './OrContextMenuV3/index.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopoverV3-dad6308c.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-b88a046a.js';
@@ -60,7 +60,7 @@ export { LoaderViews, OrLoader } from './OrLoader/index.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoaderV3-b7b7afab.js';
 export { s as OrMenuItemV3 } from './OrMenuItemV3-7b557536.js';
 export { s as OrMenuV3 } from './OrMenuV3-07fec3f7.js';
-export { s as OrModal, O as OrModalSizes } from './OrModal-70fa6d2d.js';
+export { s as OrModal, O as OrModalSizes } from './OrModal-3aad4d27.js';
 export { M as ModalSize, s as OrModalV3 } from './OrModalV3-7c79dd79.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE, OrNotification } from './OrNotification/index.js';
 export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotificationV3-722fcfc1.js';
@@ -80,7 +80,7 @@ export { s as OrRangeSliderV3 } from './OrRangeSliderV3-f8024c15.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-b69331d1.js';
 export { s as OrRatingV3 } from './OrRatingV3-b6b47938.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-39bf5dc7.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-51a86e18.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-243f2ed9.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { OrSearchV3 } from './OrSearchV3/index.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-56862f95.js';
@@ -100,7 +100,7 @@ export { default as OrTab } from './OrTab/OrTab.js';
 export { default as OrTabHeaderItem } from './OrTabHeaderItem/OrTabHeaderItem.js';
 export { s as OrTabV3 } from './OrTabV3-9dbd8ad9.js';
 export { default as OrTabs } from './OrTabs/OrTabs.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabsV3-b1db1d5a.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabsV3-d1028c81.js';
 export { default as OrTag } from './OrTag/OrTag.js';
 export { s as OrTagInputV3 } from './OrTagInputV3-4f147729.js';
 export { s as OrTagV3, T as TagColor, a as TagVariant } from './OrTagV3-f0fb51b7.js';

package/dist/bundled/v3/index.js

@@ -8,12 +8,12 @@ export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes
 export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-f9908b34.js';
 export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { s as OrChip, a as OrChips } from './components/OrChips-ba5bb85b.js';
-export { E as EditorState, a as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './components/OrCode-f7708644.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-6dbd233d.js';
+export { E as EditorState, a as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './components/OrCode-46b1b8aa.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-d8e1ec2f.js';
 export { s 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 './components/OrColorPicker-2271c176.js';
 export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-bd03f7e5.js';
-export { s as OrConfirm } from './components/OrConfirm-66387c1f.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-0a0d83f0.js';
+export { s as OrConfirm } from './components/OrConfirm-f95a3ce6.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-26accd85.js';
 export { OrContextMenuV3 } from './components/OrContextMenuV3/index.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-b88a046a.js';
 export { s as OrDatePickerV3 } from './components/OrDatePickerV3-cf890376.js';
@@ -42,7 +42,7 @@ export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-f8024c15.js';
 export { s as OrRatingV3 } from './components/OrRatingV3-b6b47938.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-51a86e18.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-243f2ed9.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-56862f95.js';
 export { s as OrSelect } from './components/OrSelect-ab9e3084.js';
 export { s as OrSelectV3 } from './components/OrSelectV3-c604ca91.js';
@@ -58,7 +58,7 @@ export { default as OrSwitch } from './components/OrSwitch/OrSwitch.js';
 export { s as OrSwitchV3 } from './components/OrSwitchV3-b2e3d181.js';
 export { default as OrTab } from './components/OrTab/OrTab.js';
 export { default as OrTabs } from './components/OrTabs/OrTabs.js';
-export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-b1db1d5a.js';
+export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-d1028c81.js';
 export { default as OrTag } from './components/OrTag/OrTag.js';
 export { s as OrTagInputV3 } from './components/OrTagInputV3-4f147729.js';
 export { s as OrTextV3 } from './components/OrTextV3-ff806d55.js';
@@ -102,7 +102,7 @@ export { LoaderViews, OrLoader } from './components/OrLoader/index.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './components/OrLoaderV3-b7b7afab.js';
 export { s as OrMenuItemV3 } from './components/OrMenuItemV3-7b557536.js';
 export { s as OrMenuV3 } from './components/OrMenuV3-07fec3f7.js';
-export { s as OrModal, O as OrModalSizes } from './components/OrModal-70fa6d2d.js';
+export { s as OrModal, O as OrModalSizes } from './components/OrModal-3aad4d27.js';
 export { M as ModalSize, s as OrModalV3 } from './components/OrModalV3-7c79dd79.js';
 export { default as OrOverlay } from './components/OrOverlay/OrOverlay.js';
 export { s as OrOverlayV3 } from './components/OrOverlayV3-b2576ca1.js';

package/dist/esm/v2/{OrTabs-4935a772.js → OrTabs-b8df5b2e.js}

@@ -72,6 +72,10 @@ var script = defineComponent({
     variant: {
       type: String,
       default: () => TabsVariant.Default
+    },
+    keepAlive: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -133,6 +137,9 @@ var script = defineComponent({
         hidden: nextHiddenTabs
       };
     }
+    function isTabRendered(value) {
+      return props.keepAlive || proxyModelValue.value === value;
+    }
     // Effects
     watch([() => props.items, activeTab, root], _ref2 => {
       let [items, activeTab, rootElement] = _ref2;
@@ -167,7 +174,8 @@ var script = defineComponent({
       tabs,
       proxyModelValue,
       activeTab,
-      selectTab
+      selectTab,
+      isTabRendered
     };
   }
 });
@@ -239,7 +247,17 @@ var __vue_render__ = function () {
     }, [_vm._v("\n          " + _vm._s(tab.label) + "\n        ")]);
   }), 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     class: _vm.contentStyles
-  }, [_vm._t(String(_vm.proxyModelValue))], 2)]);
+  }, [_vm._l(_vm.items, function (tab) {
+    return [_vm.isTabRendered(tab.value) ? _c('div', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: String(_vm.proxyModelValue) === String(tab.value),
+        expression: "String(proxyModelValue) === String(tab.value)"
+      }],
+      key: tab.value
+    }, [_vm._t(String(tab.value))], 2) : _vm._e()];
+  })], 2)]);
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -122,7 +122,7 @@ export { _ as OrTab } from '../OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from '../OrTab-a989b4fd.js';
 export { _ as OrTabs } from '../OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-4935a772.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-b8df5b2e.js';
 export { _ as OrTag } from '../OrTag-ce728fad.js';
 export { _ as OrTagInputV3 } from '../OrTagInput-097f0f6d.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-83582a3d.js';

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { TagsOverflow } from '../or-tags-v3';
 import { SelectSize } from './props';
-import { RawValue, SelectGroupByFunction, SelectOption, SelectSearchFunction, SelectValue } from './types';
+import { SelectGroupByFunction, SelectOption, SelectSearchFunction, SelectValue } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     inputBox: 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, {
@@ -42,7 +42,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     showClear: import("@vue/composition-api").ComputedRef<boolean>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{
-        value: RawValue;
+        value: import("./types").RawValue;
         label: string;
         disabled?: boolean | undefined;
     }[]>;
@@ -51,8 +51,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggle: () => void;
     close: () => void;
     open: () => void;
-    deselect: (option: RawValue) => void;
-    toggleOption: (option: RawValue) => void;
+    deselect: (option: string) => void;
+    toggleOption: (option: string) => void;
     clearSearchControl: () => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
@@ -263,7 +263,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     showClear: import("@vue/composition-api").ComputedRef<boolean>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{
-        value: RawValue;
+        value: import("./types").RawValue;
         label: string;
         disabled?: boolean | undefined;
     }[]>;
@@ -272,8 +272,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggle: () => void;
     close: () => void;
     open: () => void;
-    deselect: (option: RawValue) => void;
-    toggleOption: (option: RawValue) => void;
+    deselect: (option: string) => void;
+    toggleOption: (option: string) => void;
     clearSearchControl: () => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;

package/dist/esm/v2/components/or-tabs-v3/OrTabs.vue.d.ts

@@ -35,6 +35,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
     activeTab: import("@vue/composition-api").ComputedRef<TabsItem>;
     selectTab: (tab: TabsItem) => void;
+    isTabRendered: (value: string | number) => boolean;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
@@ -48,6 +49,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<"default" | "fitted">;
         default: () => TabsVariant.Default;
     };
+    keepAlive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
@@ -61,10 +66,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<"default" | "fitted">;
         default: () => TabsVariant.Default;
     };
+    keepAlive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string | number;
     items: TabsItem[];
     variant: "default" | "fitted";
+    keepAlive: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -101,14 +111,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
     activeTab: import("@vue/composition-api").ComputedRef<TabsItem>;
     selectTab: (tab: TabsItem) => void;
+    isTabRendered: (value: string | number) => boolean;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string | number;
     items: TabsItem[];
     variant: "default" | "fitted";
+    keepAlive: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number;
     variant: "default" | "fitted";
+    keepAlive: boolean;
 }, true>);
 export default _default;

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

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-4935a772.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-b8df5b2e.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v2/index.js

@@ -122,7 +122,7 @@ export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from './OrTab-a989b4fd.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-4935a772.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b8df5b2e.js';
 export { _ as OrTag } from './OrTag-ce728fad.js';
 export { _ as OrTagInputV3 } from './OrTagInput-097f0f6d.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-83582a3d.js';

package/dist/esm/v3/{OrTabs-c1a7955f.js → OrTabs-cd217d74.js}

@@ -9,7 +9,7 @@ import { s as script$3 } from './OrMenuItem-2928ba60.js';
 import { s as script$2 } from './OrMenu-192543a9.js';
 import './OrPopover-79d76269.js';
 import { s as script$4 } from './OrTab-42be32d1.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode, withDirectives, vShow } from 'vue';
 
 var TabsVariant;
 (function (TabsVariant) {
@@ -72,6 +72,10 @@ var script = defineComponent({
     variant: {
       type: String,
       default: () => TabsVariant.Default
+    },
+    keepAlive: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -133,6 +137,9 @@ var script = defineComponent({
         hidden: nextHiddenTabs
       };
     }
+    function isTabRendered(value) {
+      return props.keepAlive || proxyModelValue.value === value;
+    }
     // Effects
     watch([() => props.items, activeTab, root], _ref2 => {
       let [items, activeTab, rootElement] = _ref2;
@@ -167,7 +174,8 @@ var script = defineComponent({
       tabs,
       proxyModelValue,
       activeTab,
-      selectTab
+      selectTab,
+      isTabRendered
     };
   }
 });
@@ -231,7 +239,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), createElementVNode("div", {
     class: normalizeClass(_ctx.contentStyles)
-  }, [renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))], 2 /* CLASS */)], 2 /* CLASS */);
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, tab => {
+    return openBlock(), createElementBlock(Fragment, null, [_ctx.isTabRendered(tab.value) ? withDirectives((openBlock(), createElementBlock("div", {
+      key: tab.value
+    }, [renderSlot(_ctx.$slots, String(tab.value))])), [[vShow, String(_ctx.proxyModelValue) === String(tab.value)]]) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */);
+  }), 256 /* UNKEYED_FRAGMENT */))], 2 /* CLASS */)], 2 /* CLASS */);
 }
 
 script.render = render;

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

@@ -118,7 +118,7 @@ export { s as OrTab } from '../OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from '../OrTab-42be32d1.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-c1a7955f.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-cd217d74.js';
 export { s as OrTag } from '../OrTag-bc8177a4.js';
 export { s as OrTagInputV3 } from '../OrTagInput-2ba3e438.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-e3aee1d9.js';

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { TagsOverflow } from '../or-tags-v3';
 import { SelectSize } from './props';
-import { RawValue, SelectGroupByFunction, SelectOption, SelectSearchFunction, SelectValue } from './types';
+import { SelectGroupByFunction, SelectOption, SelectSearchFunction, SelectValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     options: {
         type: PropType<SelectOption[]>;
@@ -99,7 +99,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     showClear: import("vue-demi").ComputedRef<boolean>;
     searchText: import("vue-demi").Ref<string>;
     internalSearchOptions: import("vue-demi").Ref<{
-        value: RawValue;
+        value: import("./types").RawValue;
         label: string;
         disabled?: boolean | undefined;
     }[]>;
@@ -108,8 +108,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     toggle: () => void;
     close: () => void;
     open: () => void;
-    deselect: (option: RawValue) => void;
-    toggleOption: (option: RawValue) => void;
+    deselect: (option: string) => void;
+    toggleOption: (option: string) => void;
     clearSearchControl: () => void;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
     isMobile: import("vue-demi").ComputedRef<boolean>;

package/dist/esm/v3/components/or-tabs-v3/OrTabs.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"default" | "fitted">;
         default: () => TabsVariant;
     };
+    keepAlive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     overflowTab: import("vue-demi").Ref<any>;
@@ -40,6 +44,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | undefined>;
     activeTab: import("vue-demi").ComputedRef<TabsItem>;
     selectTab: (tab: TabsItem) => void;
+    isTabRendered: (value: string | number) => boolean;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
@@ -53,10 +58,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"default" | "fitted">;
         default: () => TabsVariant;
     };
+    keepAlive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number;
     variant: "default" | "fitted";
+    keepAlive: boolean;
 }>;
 export default _default;

package/dist/esm/v3/components/or-tabs-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-c1a7955f.js';
+export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-cd217d74.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v3/index.js

@@ -118,7 +118,7 @@ export { s as OrTab } from './OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from './OrTab-42be32d1.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-c1a7955f.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-cd217d74.js';
 export { s as OrTag } from './OrTag-bc8177a4.js';
 export { s as OrTagInputV3 } from './OrTagInput-2ba3e438.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-e3aee1d9.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.18.3-beta.3946.0",
+  "version": "8.18.3",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -66,7 +66,7 @@
     "@vueuse/integrations": "9.13.0",
     "@vueuse/math": "9.13.0",
     "codemirror": "6.0.1",
-    "focus-trap": "7.5.2",
+    "focus-trap": "7.2.0",
     "prosemirror-markdown": "1.10.1",
     "sortablejs": "1.14.0",
     "tailwindcss": "3.3.3",
@@ -82,10 +82,9 @@
     "sass": "1.63.4",
     "typescript": "5.1.6",
     "vue": "2.6.14",
-    "vue-demi": "0.14.6",
     "vue-template-compiler": "2.6.14",
     "vue2": "npm:vue@2.6.14",
-    "vue3": "npm:vue@3.3.4"
+    "vue3": "npm:vue@3.2.40"
   },
   "peerDependencies": {
     "@vue/composition-api": ">=1",
@@ -93,7 +92,7 @@
     "lodash": ">=4.17.21",
     "portal-vue": ">=2.1.7 <3.0.0",
     "vue": ">=2.6.14 || >=3.0.5",
-    "vue-demi": "=>0.13.11"
+    "vue-demi": "0.13.11"
   },
   "peerDependenciesMeta": {
     "@vue/composition-api": {
@@ -177,5 +176,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "f62a00e1643ef244ed6dd3101d477d8b84f361ef"
 }