@onereach/ui-components 8.21.2-beta.4036.0 → 8.21.2-beta.4037.0

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

@@ -55,7 +55,7 @@ var script$4 = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  expose: ['focused', 'root', 'focus'],
+  expose: ['root', 'focus', 'focused'],
   setup(props, context) {
     // Refs
     const root = ref();
@@ -243,6 +243,10 @@ var script$2 = defineComponent({
     event: 'update:modelValue'
   },
   props: {
+    modelValue: {
+      type: String,
+      default: ''
+    },
     model: {
       type: [Object, String, Number, Array],
       default: () => []
@@ -251,33 +255,33 @@ var script$2 = defineComponent({
       type: Array,
       default: () => []
     },
-    disabled: {
-      type: Boolean,
-      default: false
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
+    },
+    placeholder: {
+      type: String,
+      default: ''
     },
     readonly: {
       type: Boolean,
       default: false
     },
-    placeholder: {
-      type: String,
-      default: ''
+    disabled: {
+      type: Boolean,
+      default: false
     },
     enableSearch: {
       type: Boolean,
       default: false
     },
-    overflow: {
-      type: String,
-      default: () => TagsOverflow.Hidden
-    },
-    modelValue: {
-      type: String,
-      default: ''
+    isOpen: {
+      type: Boolean,
+      default: false
     }
   },
-  emits: ['reset', 'update:modelValue'],
-  expose: ['focus', 'root', 'focused'],
+  emits: ['update:modelValue', 'reset'],
+  expose: ['root', 'focus', 'focused'],
   setup(props, context) {
     // Refs
     const root = ref();
@@ -446,19 +450,23 @@ var script$1 = defineComponent({
       type: [Object, String, Number, Array],
       default: undefined
     },
+    options: {
+      type: Array,
+      default: () => []
+    },
     placeholder: {
       type: String,
       default: ''
     },
-    options: {
-      type: Array,
-      default: () => []
+    disabled: {
+      type: Boolean,
+      default: false
     },
     enableSearch: {
       type: Boolean,
       default: false
     },
-    disabled: {
+    isOpen: {
       type: Boolean,
       default: false
     }
@@ -524,12 +532,12 @@ var __vue_render__$1 = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [!_vm.isEmpty ? [_c('span', {
+  }, [!_vm.isEmpty && !_vm.isOpen ? [_c('span', {
     staticClass: "truncate"
   }, [_vm._v("\n      " + _vm._s(_vm.selectionLabel) + "\n    ")])] : [_vm.enableSearch ? _c('OrSelectControlInput', {
     ref: "searchControl",
     attrs: {
-      "placeholder": _vm.placeholder
+      "placeholder": _vm.isEmpty ? _vm.placeholder : _vm.selectionLabel
     },
     model: {
       value: _vm.searchModelValue,
@@ -932,13 +940,14 @@ var __vue_render__ = function () {
     return [_vm.multiple ? [_c('OrSelectMultipleControl', {
       ref: "multipleControl",
       attrs: {
-        "options": _vm.options,
         "model": _vm.proxyModelValue,
+        "options": _vm.options,
+        "overflow": _vm.overflow,
         "placeholder": _vm.placeholder,
-        "disabled": _vm.disabled,
         "readonly": _vm.readonly,
+        "disabled": _vm.disabled,
         "enable-search": _vm.enableSearch,
-        "overflow": _vm.overflow
+        "is-open": _vm.popoverState === 'open'
       },
       on: {
         "reset": _vm.deselect
@@ -954,10 +963,11 @@ var __vue_render__ = function () {
       ref: "singleControl",
       attrs: {
         "model": _vm.proxyModelValue,
-        "disabled": _vm.disabled,
         "options": _vm.options,
         "placeholder": _vm.placeholder,
-        "enable-search": _vm.enableSearch
+        "disabled": _vm.disabled,
+        "enable-search": _vm.enableSearch,
+        "is-open": _vm.popoverState === 'open'
       },
       model: {
         value: _vm.searchText,

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

@@ -10,12 +10,14 @@ import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
+  name: 'OrTabs',
   components: {
     OrIcon: __vue_component__$1,
     OrMenu: __vue_component__$2,
     OrMenuItem: __vue_component__$3,
     OrTab: __vue_component__$4
   },
+  inheritAttrs: false,
   model: {
     prop: 'modelValue',
     event: 'update:modelValue'
@@ -150,10 +152,10 @@ var __vue_render__ = function () {
   var _c = _vm._self._c || _h;
   return _c('div', {
     class: _vm.containerStyles
-  }, [_c('div', {
+  }, [_c('div', _vm._b({
     ref: "root",
     class: _vm.rootStyles
-  }, [_vm._l(_vm.tabs.normal, function (tab) {
+  }, 'div', _vm.$attrs, false), [_vm._l(_vm.tabs.normal, function (tab) {
     return _c('OrTab', {
       key: tab.value,
       attrs: {
@@ -215,8 +217,7 @@ var __vue_render__ = function () {
         value: String(_vm.proxyModelValue) === String(tab.value),
         expression: "String(proxyModelValue) === String(tab.value)"
       }],
-      key: tab.value,
-      staticClass: "contents"
+      key: tab.value
     }, [_vm._t(String(tab.value))], 2) : _vm._e()];
   })], 2)]);
 };

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

@@ -1,6 +1,6 @@
 const TabsContainer = [
 // Layout
-'layout-column', 'grow',
+'layout-column',
 // Box
 'h-full',
 // Spacing
@@ -24,9 +24,7 @@ const TabsVariants = {
 };
 const TabsContent = [
 // Layout
-'layout-column', 'grow',
-// Box
-'h-full',
+'grow',
 // Overflow
 'overflow-auto'];
 

package/dist/bundled/v2/components/OrTagV3/OrTag.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TagColor, TagVariant } from './props';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+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[]>;
     custom: import("@vue/composition-api").ComputedRef<boolean>;
@@ -30,7 +30,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     variant: "tag" | "button" | "reset";
     color: string;
     disabled: boolean;

package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { TagsOverflow } from './props';
 import { Tag } from './types';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     localOverflow: import("@vue/composition-api").ComputedRef<TagsOverflow.Hidden | "wrap" | "hidden" | "scroll">;
@@ -64,7 +64,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     items: Tag[];
     overflow: "default" | "wrap" | "hidden" | "scroll";
     tagProps: Readonly<Partial<{

package/dist/bundled/v2/components/OrTeleport/OrTeleport.vue2.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
     to: {
         type: StringConstructor;
         required: boolean;
@@ -20,7 +20,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         required: boolean;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     to: string;
     isDisabled: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {

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

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-71af01b4.js';
+export { s as default } from '../OrSelectV3-8a82b579.js';

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

@@ -1,2 +1,2 @@
-export { s as OrSelectV3 } from '../OrSelectV3-71af01b4.js';
+export { s as OrSelectV3 } from '../OrSelectV3-8a82b579.js';
 export { I as SelectSize } from '../OrInputBoxV3-ddd117f0.js';

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

@@ -1 +1 @@
-export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-71af01b4.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-8a82b579.js';

package/dist/bundled/v3/components/{OrSelectV3-71af01b4.js → OrSelectV3-8a82b579.js}

@@ -52,7 +52,7 @@ var script$4 = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  expose: ['focused', 'root', 'focus'],
+  expose: ['root', 'focus', 'focused'],
   setup(props, context) {
     // Refs
     const root = ref();
@@ -172,6 +172,10 @@ var script$2 = defineComponent({
     event: 'update:modelValue'
   },
   props: {
+    modelValue: {
+      type: String,
+      default: ''
+    },
     model: {
       type: [Object, String, Number, Array],
       default: () => []
@@ -180,33 +184,33 @@ var script$2 = defineComponent({
       type: Array,
       default: () => []
     },
-    disabled: {
-      type: Boolean,
-      default: false
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
+    },
+    placeholder: {
+      type: String,
+      default: ''
     },
     readonly: {
       type: Boolean,
       default: false
     },
-    placeholder: {
-      type: String,
-      default: ''
+    disabled: {
+      type: Boolean,
+      default: false
     },
     enableSearch: {
       type: Boolean,
       default: false
     },
-    overflow: {
-      type: String,
-      default: () => TagsOverflow.Hidden
-    },
-    modelValue: {
-      type: String,
-      default: ''
+    isOpen: {
+      type: Boolean,
+      default: false
     }
   },
-  emits: ['reset', 'update:modelValue'],
-  expose: ['focus', 'root', 'focused'],
+  emits: ['update:modelValue', 'reset'],
+  expose: ['root', 'focus', 'focused'],
   setup(props, context) {
     // Refs
     const root = ref();
@@ -337,19 +341,23 @@ var script$1 = defineComponent({
       type: [Object, String, Number, Array],
       default: undefined
     },
+    options: {
+      type: Array,
+      default: () => []
+    },
     placeholder: {
       type: String,
       default: ''
     },
-    options: {
-      type: Array,
-      default: () => []
+    disabled: {
+      type: Boolean,
+      default: false
     },
     enableSearch: {
       type: Boolean,
       default: false
     },
-    disabled: {
+    isOpen: {
       type: Boolean,
       default: false
     }
@@ -414,14 +422,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [!_ctx.isEmpty ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(_ctx.selectionLabel), 1 /* TEXT */)) : (openBlock(), createElementBlock(Fragment, {
+  }, [!_ctx.isEmpty && !_ctx.isOpen ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(_ctx.selectionLabel), 1 /* TEXT */)) : (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrSelectControlInput, {
     key: 0,
     ref: "searchControl",
     modelValue: _ctx.searchModelValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.searchModelValue = $event),
-    placeholder: _ctx.placeholder
+    placeholder: _ctx.isEmpty ? _ctx.placeholder : _ctx.selectionLabel
   }, null, 8 /* PROPS */, ["modelValue", "placeholder"])) : (openBlock(), createBlock(_component_OrSelectPlaceholder, {
     key: 1,
     disabled: _ctx.disabled
@@ -853,25 +861,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "multipleControl",
       modelValue: _ctx.searchText,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.searchText = $event),
-      options: _ctx.options,
       model: _ctx.proxyModelValue,
+      options: _ctx.options,
+      overflow: _ctx.overflow,
       placeholder: _ctx.placeholder,
-      disabled: _ctx.disabled,
       readonly: _ctx.readonly,
+      disabled: _ctx.disabled,
       "enable-search": _ctx.enableSearch,
-      overflow: _ctx.overflow,
+      "is-open": _ctx.popoverState === 'open',
       onReset: _ctx.deselect
-    }, null, 8 /* PROPS */, ["modelValue", "options", "model", "placeholder", "disabled", "readonly", "enable-search", "overflow", "onReset"])) : (openBlock(), createBlock(_component_OrSelectSingleControl, {
+    }, null, 8 /* PROPS */, ["modelValue", "model", "options", "overflow", "placeholder", "readonly", "disabled", "enable-search", "is-open", "onReset"])) : (openBlock(), createBlock(_component_OrSelectSingleControl, {
       key: 1,
       ref: "singleControl",
       modelValue: _ctx.searchText,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.searchText = $event),
       model: _ctx.proxyModelValue,
-      disabled: _ctx.disabled,
       options: _ctx.options,
       placeholder: _ctx.placeholder,
-      "enable-search": _ctx.enableSearch
-    }, null, 8 /* PROPS */, ["modelValue", "model", "disabled", "options", "placeholder", "enable-search"]))])], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), createElementVNode("div", _hoisted_2, [_ctx.showClear ? (openBlock(), createBlock(_component_OrIconButton, {
+      disabled: _ctx.disabled,
+      "enable-search": _ctx.enableSearch,
+      "is-open": _ctx.popoverState === 'open'
+    }, null, 8 /* PROPS */, ["modelValue", "model", "options", "placeholder", "disabled", "enable-search", "is-open"]))])], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), createElementVNode("div", _hoisted_2, [_ctx.showClear ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: 'close',
       color: 'inherit',

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

@@ -1 +1 @@
-export { s as default } from '../OrTabsV3-e47f4503.js';
+export { s as default } from '../OrTabsV3-2bf15721.js';

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

@@ -1 +1 @@
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabsV3-e47f4503.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabsV3-2bf15721.js';

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

@@ -1 +1 @@
-export { T as TabsVariant } from '../OrTabsV3-e47f4503.js';
+export { T as TabsVariant } from '../OrTabsV3-2bf15721.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-e47f4503.js';
+export { b as Tabs, a as TabsContainer, d as TabsContent, c as TabsVariants } from '../OrTabsV3-2bf15721.js';

package/dist/bundled/v3/components/{OrTabsV3-e47f4503.js → OrTabsV3-2bf15721.js}

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode, withDirectives, vShow } 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';
@@ -15,7 +15,7 @@ var TabsVariant;
 
 const TabsContainer = [
 // Layout
-'layout-column', 'grow',
+'layout-column',
 // Box
 'h-full',
 // Spacing
@@ -39,19 +39,19 @@ const TabsVariants = {
 };
 const TabsContent = [
 // Layout
-'layout-column', 'grow',
-// Box
-'h-full',
+'grow',
 // Overflow
 'overflow-auto'];
 
 var script = defineComponent({
+  name: 'OrTabs',
   components: {
     OrIcon: script$1,
     OrMenu: script$2,
     OrMenuItem: script$3,
     OrTab: script$4
   },
+  inheritAttrs: false,
   model: {
     prop: 'modelValue',
     event: 'update:modelValue'
@@ -183,10 +183,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrMenu = resolveComponent("OrMenu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.containerStyles)
-  }, [createElementVNode("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.normal, tab => {
+  }, [createElementVNode("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.normal, tab => {
     return openBlock(), createBlock(_component_OrTab, {
       key: tab.value,
       selected: tab.value === _ctx.proxyModelValue,
@@ -232,12 +233,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128 /* KEYED_FRAGMENT */))]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), createElementVNode("div", {
     class: normalizeClass(_ctx.contentStyles)
   }, [(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,
-      class: "contents"
+      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 */);
 }

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

@@ -86,7 +86,7 @@ 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';
 export { s as OrSelect } from './OrSelect-ab9e3084.js';
-export { s as OrSelectV3 } from './OrSelectV3-71af01b4.js';
+export { s as OrSelectV3 } from './OrSelectV3-8a82b579.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-d089ce77.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-6b7c940e.js';
@@ -101,7 +101,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-e47f4503.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabsV3-2bf15721.js';
 export { default as OrTag } from './OrTag/OrTag.js';
 export { s as OrTagInputV3 } from './OrTagInputV3-31f442b0.js';
 export { s as OrTagV3, T as TagColor, a as TagVariant } from './OrTagV3-923c4802.js';

package/dist/bundled/v3/index.js

@@ -46,7 +46,7 @@ export { s as OrRatingV3 } from './components/OrRatingV3-b6b47938.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-8f5b6fef.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-71af01b4.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-8a82b579.js';
 export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-d089ce77.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-6b7c940e.js';
@@ -59,7 +59,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-e47f4503.js';
+export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-2bf15721.js';
 export { default as OrTag } from './components/OrTag/OrTag.js';
 export { s as OrTagInputV3 } from './components/OrTagInputV3-31f442b0.js';
 export { s as OrTextV3 } from './components/OrTextV3-ff806d55.js';

package/dist/esm/v2/{OrSelect-cc2bd414.js → OrSelect-f0c34009.js}

@@ -19,8 +19,8 @@ import { _ as __vue_component__$b } from './OrLabel-6637774a.js';
 import { _ as __vue_component__$c } from './OrMenuItem-fbe3e8e4.js';
 import { _ as __vue_component__$d } from './OrPopover-7f93a1a8.js';
 import { T as TagsOverflow } from './OrTags-ec9446c3.js';
-import { _ as __vue_component__$1 } from './OrSelectMultipleControl-51a15177.js';
-import { _ as __vue_component__$2 } from './OrSelectSingleControl-8ca0d898.js';
+import { _ as __vue_component__$1 } from './OrSelectMultipleControl-f0edf6cd.js';
+import { _ as __vue_component__$2 } from './OrSelectSingleControl-110a4f54.js';
 import './OrSelectPlaceholder-f36f4e40.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -443,13 +443,14 @@ var __vue_render__ = function () {
     return [_vm.multiple ? [_c('OrSelectMultipleControl', {
       ref: "multipleControl",
       attrs: {
-        "options": _vm.options,
         "model": _vm.proxyModelValue,
+        "options": _vm.options,
+        "overflow": _vm.overflow,
         "placeholder": _vm.placeholder,
-        "disabled": _vm.disabled,
         "readonly": _vm.readonly,
+        "disabled": _vm.disabled,
         "enable-search": _vm.enableSearch,
-        "overflow": _vm.overflow
+        "is-open": _vm.popoverState === 'open'
       },
       on: {
         "reset": _vm.deselect
@@ -465,10 +466,11 @@ var __vue_render__ = function () {
       ref: "singleControl",
       attrs: {
         "model": _vm.proxyModelValue,
-        "disabled": _vm.disabled,
         "options": _vm.options,
         "placeholder": _vm.placeholder,
-        "enable-search": _vm.enableSearch
+        "disabled": _vm.disabled,
+        "enable-search": _vm.enableSearch,
+        "is-open": _vm.popoverState === 'open'
       },
       model: {
         value: _vm.searchText,

package/dist/esm/v2/{OrSelectControlInput-28c226f8.js → OrSelectControlInput-d968f1b8.js}

@@ -1,5 +1,5 @@
-import { defineComponent, ref, toRefs, computed } from 'vue-demi';
 import { useFocus } from '@vueuse/core';
+import { defineComponent, ref, toRefs, computed } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
@@ -38,7 +38,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  expose: ['focused', 'root', 'focus'],
+  expose: ['root', 'focus', 'focused'],
   setup(props, context) {
     // Refs
     const root = ref();