@onereach/ui-components 4.4.1-beta.2708.0 → 4.4.1

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -84,11 +84,11 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
     },
     modelValue: {
       type: [String, Number, Array],

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

@@ -41,11 +41,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;
@@ -106,11 +106,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;

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

@@ -1,7 +1,7 @@
 import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
-import { TabsRoot, TabsRootVariants, TabsContainer } from './styles.js';
+import { TabsRoot, TabsRootVariants } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
@@ -71,7 +71,6 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
-    const containerStyles = computed(() => [...TabsContainer]);
     // State
     const tabs = reactive({
       normal: [],
@@ -141,7 +140,6 @@ var script = defineComponent({
       overflowMenu,
       overflowMenuRoot,
       rootStyles,
-      containerStyles,
       tabs,
       proxyModelValue,
       activeTab
@@ -157,9 +155,7 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', {
-    class: _vm.containerStyles
-  }, [_c('div', _vm._b({
+  return _c('div', [_c('div', _vm._b({
     ref: "root",
     class: _vm.rootStyles
   }, 'div', _vm.$attrs, false), [_vm._l(_vm.tabs.normal, function (tab) {

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

@@ -16,7 +16,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;
@@ -76,7 +75,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;

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

@@ -1,4 +1,3 @@
 import { TabsVariant } from './props';
 export declare const TabsRoot: string[];
 export declare const TabsRootVariants: Record<TabsVariant, string[]>;
-export declare const TabsContainer: string[];

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

@@ -15,10 +15,5 @@ const TabsRootVariants = {
   // Layout
   'auto-cols-auto']
 };
-const TabsContainer = [
-// Layout
-'layout-column',
-// Spacing
-'gap-lg'];
 
-export { TabsContainer, TabsRoot, TabsRootVariants };
+export { TabsRoot, TabsRootVariants };

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-2c4c9f9d.js → OrSelect.vue_vue_type_script_lang-87ff7d15.js}

@@ -53,11 +53,11 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
     },
     modelValue: {
       type: [String, Number, Array],

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-014663ff.js → OrTabs.vue_vue_type_script_lang-6d47e560.js}

@@ -1,7 +1,7 @@
 import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './components/OrTabsV3/props.js';
-import { TabsRoot, TabsRootVariants, TabsContainer } from './components/OrTabsV3/styles.js';
+import { TabsRoot, TabsRootVariants } from './components/OrTabsV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
@@ -55,7 +55,6 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
-    const containerStyles = computed(() => [...TabsContainer]);
     // State
     const tabs = reactive({
       normal: [],
@@ -125,7 +124,6 @@ var script = defineComponent({
       overflowMenu,
       overflowMenuRoot,
       rootStyles,
-      containerStyles,
       tabs,
       proxyModelValue,
       activeTab

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-87ff7d15.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-87ff7d15.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 import 'vue-demi';
 import './styles.js';

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

@@ -4,11 +4,11 @@ import { SelectGroupByFunction, SelectOption, SelectSearchFunction } from './typ
 declare const _default: import("vue-demi").DefineComponent<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;
@@ -98,11 +98,11 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-87ff7d15.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';

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

@@ -1,6 +1,6 @@
-import { s as script } from '../../OrTabs.vue_vue_type_script_lang-014663ff.js';
-export { s as default } from '../../OrTabs.vue_vue_type_script_lang-014663ff.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
+import { s as script } from '../../OrTabs.vue_vue_type_script_lang-6d47e560.js';
+export { s as default } from '../../OrTabs.vue_vue_type_script_lang-6d47e560.js';
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 import '@vueuse/core';
 import 'vue-demi';
 import './props.js';
@@ -41,9 +41,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
   const _component_OrMenuItem = resolveComponent("OrMenuItem");
   const _component_OrMenu = resolveComponent("OrMenu");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.containerStyles)
-  }, [createElementVNode("div", mergeProps({
+  return openBlock(), createElementBlock("div", null, [createElementVNode("div", mergeProps({
     ref: "root"
   }, _ctx.$attrs, {
     class: _ctx.rootStyles
@@ -87,7 +85,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128 /* KEYED_FRAGMENT */))]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))]);
 }
 
 script.render = render;

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

@@ -21,7 +21,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     overflowMenu: import("vue-demi").Ref<any>;
     overflowMenuRoot: import("vue-demi").ComputedRef<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
-    containerStyles: import("vue-demi").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;

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

@@ -1,5 +1,5 @@
 export { TabsVariant } from './props.js';
-export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-014663ff.js';
+export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-6d47e560.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './styles.js';

package/dist/bundled/v3/components/OrTabsV3/styles.d.ts

@@ -1,4 +1,3 @@
 import { TabsVariant } from './props';
 export declare const TabsRoot: string[];
 export declare const TabsRootVariants: Record<TabsVariant, string[]>;
-export declare const TabsContainer: string[];

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

@@ -15,10 +15,5 @@ const TabsRootVariants = {
   // Layout
   'auto-cols-auto']
 };
-const TabsContainer = [
-// Layout
-'layout-column',
-// Spacing
-'gap-lg'];
 
-export { TabsContainer, TabsRoot, TabsRootVariants };
+export { TabsRoot, TabsRootVariants };

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

@@ -110,7 +110,7 @@ export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-1a4ebba2.j
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-ed0d9fe7.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-29a48259.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-87ff7d15.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-00e9cda7.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
 export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-5723e223.js';
@@ -131,7 +131,7 @@ export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-71e4fa50.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-29f331ec.js';
 export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-79f2f523.js';
 export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-5836b8bd.js';
-export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-014663ff.js';
+export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-6d47e560.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-4e98d8a0.js';
 export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-8643b784.js';

package/dist/bundled/v3/index.js

@@ -78,7 +78,7 @@ export { s as OrSegmentedControlV3 } from './OrSegmentedControl.vue_vue_type_scr
 import './components/OrSelect/OrSelect.js';
 export { s as OrSelect } from './OrSelect.vue_vue_type_script_lang-29a48259.js';
 import './components/OrSelectV3/OrSelect.js';
-export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
+export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-87ff7d15.js';
 import './components/OrSidebar/OrSidebar.js';
 export { s as OrSidebar } from './OrSidebar.vue_vue_type_script_lang-00e9cda7.js';
 import './components/OrSidebarV3/OrSidebar.js';
@@ -110,7 +110,7 @@ export { s as OrTab } from './OrTab.vue_vue_type_script_lang-71e4fa50.js';
 import './components/OrTabs/OrTabs.js';
 export { s as OrTabs } from './OrTabs.vue_vue_type_script_lang-5836b8bd.js';
 import './components/OrTabsV3/OrTabs.js';
-export { s as OrTabsV3 } from './OrTabs.vue_vue_type_script_lang-014663ff.js';
+export { s as OrTabsV3 } from './OrTabs.vue_vue_type_script_lang-6d47e560.js';
 import './components/OrTag/OrTag.js';
 export { s as OrTag } from './OrTag.vue_vue_type_script_lang-4e98d8a0.js';
 import './components/OrTagsV3/OrTags.js';

package/dist/esm/v2/{OrSelect-a4c34099.js → OrSelect-3731427d.js}

@@ -84,11 +84,11 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
     },
     modelValue: {
       type: [String, Number, Array],

package/dist/esm/v2/{OrTabs-dd38e4ab.js → OrTabs-87069663.js}

@@ -30,11 +30,6 @@ const TabsRootVariants = {
   // Layout
   'auto-cols-auto']
 };
-const TabsContainer = [
-// Layout
-'layout-column',
-// Spacing
-'gap-lg'];
 
 var script = defineComponent({
   name: 'OrTabs',
@@ -80,7 +75,6 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
-    const containerStyles = computed(() => [...TabsContainer]);
     // State
     const tabs = reactive({
       normal: [],
@@ -150,7 +144,6 @@ var script = defineComponent({
       overflowMenu,
       overflowMenuRoot,
       rootStyles,
-      containerStyles,
       tabs,
       proxyModelValue,
       activeTab
@@ -166,9 +159,7 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', {
-    class: _vm.containerStyles
-  }, [_c('div', _vm._b({
+  return _c('div', [_c('div', _vm._b({
     ref: "root",
     class: _vm.rootStyles
   }, 'div', _vm.$attrs, false), [_vm._l(_vm.tabs.normal, function (tab) {

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

@@ -76,7 +76,7 @@ export { _ as OrSearch } from '../OrSearch-330e9af0.js';
 export { _ as OrSearchV3 } from '../OrSearch-7ccc1f33.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-22eea9cc.js';
-export { _ as OrSelectV3 } from '../OrSelect-a4c34099.js';
+export { _ as OrSelectV3 } from '../OrSelect-3731427d.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-de938772.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-4bf3bad8.js';
@@ -96,7 +96,7 @@ export { _ as OrTab } from '../OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-46947417.js';
 export { _ as OrTabV3 } from '../OrTab-5b198746.js';
 export { _ as OrTabs } from '../OrTabs-1b314eeb.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-dd38e4ab.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-87069663.js';
 export { _ as OrTag } from '../OrTag-8ded4261.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-843ec724.js';
 export { _ as OrTagsV3 } from '../OrTags-4ffaa13b.js';

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

@@ -41,11 +41,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;
@@ -106,11 +106,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-a4c34099.js';
+export { _ as OrSelectV3 } from '../../OrSelect-3731427d.js';
 export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

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

@@ -16,7 +16,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;
@@ -76,7 +75,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;

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

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-dd38e4ab.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-87069663.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../OrIcon-d35a84d8.js';

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

@@ -1,4 +1,3 @@
 import { TabsVariant } from './props';
 export declare const TabsRoot: string[];
 export declare const TabsRootVariants: Record<TabsVariant, string[]>;
-export declare const TabsContainer: string[];

package/dist/esm/v2/index.js

@@ -76,7 +76,7 @@ export { _ as OrSearch } from './OrSearch-330e9af0.js';
 export { _ as OrSearchV3 } from './OrSearch-7ccc1f33.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-22eea9cc.js';
-export { _ as OrSelectV3 } from './OrSelect-a4c34099.js';
+export { _ as OrSelectV3 } from './OrSelect-3731427d.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from './OrSidebar-de938772.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-4bf3bad8.js';
@@ -96,7 +96,7 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-46947417.js';
 export { _ as OrTabV3 } from './OrTab-5b198746.js';
 export { _ as OrTabs } from './OrTabs-1b314eeb.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-dd38e4ab.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-87069663.js';
 export { _ as OrTag } from './OrTag-8ded4261.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-843ec724.js';
 export { _ as OrTagsV3 } from './OrTags-4ffaa13b.js';

package/dist/esm/v3/{OrSelect-046e8e36.js → OrSelect-c811ecba.js}

@@ -83,11 +83,11 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
     },
     modelValue: {
       type: [String, Number, Array],

package/dist/esm/v3/{OrTabs-d058761d.js → OrTabs-3d9c1a8b.js}

@@ -5,7 +5,7 @@ import { s as script$3 } from './OrMenuItem-dbee450f.js';
 import { s as script$2 } from './OrMenu-bce8349d.js';
 import './OrPopover-84d5b844.js';
 import { s as script$4 } from './OrTab-f7e51ffb.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 
 var TabsVariant;
 (function (TabsVariant) {
@@ -30,11 +30,6 @@ const TabsRootVariants = {
   // Layout
   'auto-cols-auto']
 };
-const TabsContainer = [
-// Layout
-'layout-column',
-// Spacing
-'gap-lg'];
 
 var script = defineComponent({
   name: 'OrTabs',
@@ -80,7 +75,6 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
-    const containerStyles = computed(() => [...TabsContainer]);
     // State
     const tabs = reactive({
       normal: [],
@@ -150,7 +144,6 @@ var script = defineComponent({
       overflowMenu,
       overflowMenuRoot,
       rootStyles,
-      containerStyles,
       tabs,
       proxyModelValue,
       activeTab
@@ -163,9 +156,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
   const _component_OrMenuItem = resolveComponent("OrMenuItem");
   const _component_OrMenu = resolveComponent("OrMenu");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.containerStyles)
-  }, [createElementVNode("div", mergeProps({
+  return openBlock(), createElementBlock("div", null, [createElementVNode("div", mergeProps({
     ref: "root"
   }, _ctx.$attrs, {
     class: _ctx.rootStyles
@@ -209,7 +200,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128 /* KEYED_FRAGMENT */))]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))]);
 }
 
 script.render = render;

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

@@ -74,7 +74,7 @@ export { s as OrSearch } from '../OrSearch-f4ad73db.js';
 export { s as OrSearchV3 } from '../OrSearch-e15c7fd2.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from '../OrSelect-6ff34196.js';
-export { s as OrSelectV3 } from '../OrSelect-046e8e36.js';
+export { s as OrSelectV3 } from '../OrSelect-c811ecba.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from '../OrSidebar-3f2502fb.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-63914891.js';
@@ -94,7 +94,7 @@ export { s as OrTab } from '../OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-3bb0b711.js';
 export { s as OrTabV3 } from '../OrTab-f7e51ffb.js';
 export { s as OrTabs } from '../OrTabs-35a376a3.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-d058761d.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-3d9c1a8b.js';
 export { s as OrTag } from '../OrTag-2d9eacf8.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-6116c6e3.js';
 export { s as OrTagsV3 } from '../OrTags-a082de82.js';

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

@@ -4,11 +4,11 @@ import { SelectGroupByFunction, SelectOption, SelectSearchFunction } from './typ
 declare const _default: import("vue-demi").DefineComponent<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;
@@ -98,11 +98,11 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-046e8e36.js';
+export { s as OrSelectV3 } from '../../OrSelect-c811ecba.js';
 export { I as SelectSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

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

@@ -21,7 +21,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     overflowMenu: import("vue-demi").Ref<any>;
     overflowMenuRoot: import("vue-demi").ComputedRef<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
-    containerStyles: import("vue-demi").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;

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

@@ -1,4 +1,4 @@
-export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-d058761d.js';
+export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-3d9c1a8b.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../OrIcon-62793572.js';

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

@@ -1,4 +1,3 @@
 import { TabsVariant } from './props';
 export declare const TabsRoot: string[];
 export declare const TabsRootVariants: Record<TabsVariant, string[]>;
-export declare const TabsContainer: string[];

package/dist/esm/v3/index.js

@@ -74,7 +74,7 @@ export { s as OrSearch } from './OrSearch-f4ad73db.js';
 export { s as OrSearchV3 } from './OrSearch-e15c7fd2.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from './OrSelect-6ff34196.js';
-export { s as OrSelectV3 } from './OrSelect-046e8e36.js';
+export { s as OrSelectV3 } from './OrSelect-c811ecba.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from './OrSidebar-3f2502fb.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-63914891.js';
@@ -94,7 +94,7 @@ export { s as OrTab } from './OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-3bb0b711.js';
 export { s as OrTabV3 } from './OrTab-f7e51ffb.js';
 export { s as OrTabs } from './OrTabs-35a376a3.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-d058761d.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-3d9c1a8b.js';
 export { s as OrTag } from './OrTag-2d9eacf8.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-6116c6e3.js';
 export { s as OrTagsV3 } from './OrTags-a082de82.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.4.1-beta.2708.0",
+  "version": "4.4.1",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -153,5 +153,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "629822d34cc6e27098be7ee728e0277b03583324"
 }

package/src/components/or-select-v3/OrSelect.vue

@@ -274,12 +274,12 @@ export default defineComponent({
   props: {
     options: {
       type: Array as PropType<SelectOption[]>,
-      default: [] as SelectOption[],
+      default: () => [],
     },
 
     searchOptions: {
       type: Array as PropType<SelectOption[]>,
-      default: [] as SelectOption[],
+      default: () => [],
     },
 
     modelValue: {

package/src/components/or-tabs-v3/OrTabs.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="containerStyles">
+  <div>
     <div
       ref="root"
       v-bind="$attrs"
@@ -52,7 +52,7 @@ import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3';
 import { OrMenuV3 as OrMenu } from '../or-menu-v3';
 import { OrTabV3 as OrTab } from '../or-tab-v3';
 import { TabsVariant } from './props';
-import { TabsContainer, TabsRoot, TabsRootVariants } from './styles';
+import { TabsRoot, TabsRootVariants } from './styles';
 import { TabsItem } from './types';
 
 export default defineComponent({
@@ -114,10 +114,6 @@ export default defineComponent({
       ...TabsRootVariants[props.variant],
     ]);
 
-    const containerStyles = computed(() => [
-      ...TabsContainer,
-    ]);
-
     // State
     const tabs = reactive({
       normal: [] as TabsItem[],
@@ -201,7 +197,6 @@ export default defineComponent({
       overflowMenu,
       overflowMenuRoot,
       rootStyles,
-      containerStyles,
       tabs,
       proxyModelValue,
       activeTab,

package/src/components/or-tabs-v3/styles.ts

@@ -31,11 +31,3 @@ export const TabsRootVariants: Record<TabsVariant, string[]> = {
     'auto-cols-auto',
   ],
 };
-
-export const TabsContainer: string[] = [
-  // Layout
-  'layout-column',
-
-  // Spacing
-  'gap-lg',
-];

package/src/components/or-avatar-v3/OrAvatar.docs.mdx

@@ -1,7 +0,0 @@
-import { DocsPage } from '@storybook/addon-docs';
-
-```ts
-import { OrAvatarV3 as OrAvatar } from '@onereach/ui-components';
-```
-
-<DocsPage />

package/src/components/or-avatar-v3/OrAvatar.stories3.ts

@@ -1,141 +0,0 @@
-import { Meta, StoryFn } from '@storybook/vue3';
-import OrAvatarDocs from './OrAvatar.docs.mdx';
-import OrAvatar from './OrAvatar.vue';
-import { AvatarColor, AvatarSize } from './props';
-import { getAbbreviation } from '../../utils/functions/text';
-import { computed } from 'vue-demi';
-
-export default {
-  title: 'Components/Avatar',
-  component: OrAvatar,
-
-  argTypes: {
-    // Slots
-    default: {
-      type: {
-        name: 'string',
-        required: false,
-      },
-
-      control: { type: 'text' },
-    },
-
-    // Props
-    src: {
-      control: { type: 'text' },
-    },
-
-    size: {
-      control: { type: 'select' },
-      options: Object.values(AvatarSize),
-    },
-
-    color: {
-      control: { type: 'select' },
-      options: Object.values(AvatarColor),
-    },
-
-    colorSalt: {
-      control: { type: 'text' },
-    },
-
-    icon: {
-      control: { type: 'text' },
-    },
-  },
-
-  parameters: {
-    layout: 'centered',
-
-    docs: {
-      page: OrAvatarDocs,
-    },
-
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/o7DdkaznUW2PtX4wiSuhhQ/Core?node-id=2391%3A14170',
-    },
-  },
-} as Meta<typeof OrAvatar>;
-
-const DefaultTemplate: StoryFn<typeof OrAvatar> = (args) => ({
-  components: {
-    OrAvatar,
-  },
-
-  setup() {
-    return { args };
-  },
-
-  template: `
-    <OrAvatar v-bind="args">
-      <template #default v-if="args.default">
-        ${args.default}
-      </template>
-    </OrAvatar>
-  `,
-});
-
-const AbbreviationTemplate: StoryFn<typeof OrAvatar> = (args) => ({
-  components: {
-    OrAvatar,
-  },
-
-  setup() {
-    const abbreviation = computed(() => getAbbreviation(args.username, 2));
-
-    return {
-      args,
-      abbreviation,
-    };
-  },
-
-  template: `
-    <OrAvatar
-      v-bind="args"
-      :color-salt="args.username"
-    >
-      {{ this.abbreviation }}
-    </OrAvatar>
-  `,
-});
-
-export const Default = DefaultTemplate.bind({});
-Default.args = {
-  default: 'OR',
-};
-
-export const WithSrc = DefaultTemplate.bind({});
-WithSrc.args = {
-  src: 'https://onereach.gitlab.io/platform/ui-next/or-favicon.ico',
-};
-
-export const WithTextInSlot = DefaultTemplate.bind({});
-WithTextInSlot.args = {
-  default: 'A',
-  colorSalt: 'A username',
-};
-
-export const WithIcon = DefaultTemplate.bind({});
-WithIcon.args = {
-  icon: 'store',
-  colorSalt: 'Any string here',
-};
-
-export const WithColor = DefaultTemplate.bind({});
-WithColor.args = {
-  color: AvatarColor.blue,
-  icon: 'person',
-};
-
-export const XL = DefaultTemplate.bind({});
-XL.args = {
-  size: AvatarSize.XL,
-  icon: 'person',
-  colorSalt: 'Big Avatar',
-};
-
-export const WithAbbreviationGeneration = AbbreviationTemplate.bind({});
-WithAbbreviationGeneration.args = {
-  username: 'John Doe',
-};