@onereach/ui-components 8.1.1-beta.3637.0 → 8.2.0

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-dd8b8839.js → OrPopover.vue_vue_type_script_lang-8422f18e.js}

@@ -1,14 +1,14 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from './floating-ui.dom-d9ef0d1f.js';
-import { o as onClickOutside } from './index-ba131271.js';
+import { o as onClickOutside } from './index-c5cda763.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
+import { useFloating } from './components/OrPopoverV3/hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
-import { useFloating } from './components/OrPopoverV3/hooks/useFloating.js';
 import './components/OrBottomSheetV3/OrBottomSheet.js';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-3a69daf9.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-39b7912c.js';
 import './components/OrTeleportV3/OrTeleport.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
-import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-dfc6301c.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 import { useElevation } from './hooks/useElevation.js';
 
@@ -19,6 +19,11 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
+    // @workaround for Vue 2
+    customStyles: {
+      type: Array,
+      default: () => []
+    },
     isOpen: {
       type: Boolean,
       default: false
@@ -47,10 +52,6 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
-    customStyles: {
-      type: Array,
-      default: () => []
-    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -74,7 +75,7 @@ var script = defineComponent({
       fullWidth
     } = toRefs(props);
     // Styles
-    const rootStyles = computed(() => ['or-popover-v3', ...Popover, ...props.customStyles]);
+    const rootStyles = computed(() => ['or-popover-v3', ...Popover, ...('class' in context.attrs ? [] : props.customStyles)]);
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[placement.value]]);
     // State
     const {

package/dist/bundled/v3/{OrProgress.vue_vue_type_script_lang-21e31192.js → OrProgress.vue_vue_type_script_lang-be01a967.js}

@@ -1,4 +1,4 @@
-import { d as useElementBounding } from './index-ba131271.js';
+import { d as useElementBounding } from './index-c5cda763.js';
 import { r as round_1 } from './round-567ede34.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './components/OrProgressV3/props.js';

package/dist/bundled/v3/{OrResizeablePanel.vue_vue_type_script_lang-62c94016.js → OrResizeablePanel.vue_vue_type_script_lang-dcba3a56.js}

@@ -1,9 +1,9 @@
-import { e as useDraggable } from './index-ba131271.js';
+import { g as useDraggable } from './index-c5cda763.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './components/OrResizeablePanelV3/props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './components/OrResizeablePanelV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-6960bd77.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-725c9652.js → OrRichTextEditor.vue_vue_type_script_lang-f88bde64.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { u as useFocusTrap } from './useFocusTrap-5ec18c69.js';
-import { f as useResizeObserver, o as onClickOutside } from './index-ba131271.js';
+import { u as useFocusTrap } from './useFocusTrap-aa5b17f6.js';
+import { e as useResizeObserver, o as onClickOutside } from './index-c5cda763.js';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from './markdown-7d2cd3a5.js';
 import { EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './components/OrRichTextEditorV3/styles.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-1789f0cf.js';
@@ -16,14 +16,14 @@ import './components/OrModalV3/OrModal.js';
 import './components/OrInputV3/OrInput.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-6960bd77.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-11569833.js';
-import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-b109843f.js';
-import { s as script$5 } from './OrModal.vue_vue_type_script_lang-9283917c.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-d4df6a87.js';
-import { s as script$7 } from './OrButton.vue_vue_type_script_lang-2ec4da42.js';
-import { s as script$8 } from './OrPopover.vue_vue_type_script_lang-dd8b8839.js';
+import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-74df3ea9.js';
+import { s as script$5 } from './OrModal.vue_vue_type_script_lang-4f268651.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-af907c8c.js';
+import { s as script$7 } from './OrButton.vue_vue_type_script_lang-0f7bda53.js';
+import { s as script$8 } from './OrPopover.vue_vue_type_script_lang-8422f18e.js';
 
 var lodashExports = {};
 var lodash = {

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-7e798a79.js → OrSearch.vue_vue_type_script_lang-176bb9fa.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-d4df6a87.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-af907c8c.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
-import { a as watchDebounced } from './index-8d86c3d5.js';
+import { a as watchDebounced } from './index-6cbf1493.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-d1f7c334.js → OrSearch.vue_vue_type_script_lang-89527d71.js}

@@ -3,7 +3,7 @@ import './components/OrInput/OrInput.js';
 import { s as script$1 } from './OrInput.vue_vue_type_script_lang-515ff78a.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-f6bf7dda.js';
-import { a as watchDebounced } from './index-8d86c3d5.js';
+import { a as watchDebounced } from './index-6cbf1493.js';
 import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-e018f231.js → OrSelect.vue_vue_type_script_lang-58ed2384.js}

@@ -1,17 +1,17 @@
 import { defineComponent, ref, computed, toRefs, watch, getCurrentInstance, onMounted } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, withDirectives, normalizeStyle, vModelDynamic, resolveComponent, createVNode, createSlots, withCtx, createElementVNode, vShow, createBlock, createTextVNode, toDisplayString, createCommentVNode, Fragment } from 'vue';
 import { isEmptyValue } from './utils/isEmptyValue.js';
-import { g as useFocus } from './index-ba131271.js';
+import { f as useFocus } from './index-c5cda763.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import './components/OrTagsV3/OrTags.js';
-import { s as script$5 } from './OrTags.vue_vue_type_script_lang-5d0be4da.js';
+import { s as script$5 } from './OrTags.vue_vue_type_script_lang-df64b42f.js';
 import { TagsOverflow } from './components/OrTagsV3/props.js';
 import { isEqualValue } from './utils/isEqualValue.js';
 import { Select, SelectControl, SelectSearchControl, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectDropdownItem, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrExpansionPanelV3/OrExpansionPanel.js';
-import { s as script$8 } from './OrExpansionPanel.vue_vue_type_script_lang-5369736c.js';
+import { s as script$8 } from './OrExpansionPanel.vue_vue_type_script_lang-c16cf717.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
@@ -24,12 +24,12 @@ import { s as script$6 } from './OrCheckbox.vue_vue_type_script_lang-cdc466f7.js
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$9 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
 import { s as script$a } from './OrIcon.vue_vue_type_script_lang-db2e3f85.js';
-import { s as script$b } from './OrIconButton.vue_vue_type_script_lang-6960bd77.js';
-import { s as script$c } from './OrInput.vue_vue_type_script_lang-d4df6a87.js';
+import { s as script$b } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
+import { s as script$c } from './OrInput.vue_vue_type_script_lang-af907c8c.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
 import { s as script$f } from './OrMenuItem.vue_vue_type_script_lang-11569833.js';
-import { s as script$g } from './OrPopover.vue_vue_type_script_lang-dd8b8839.js';
+import { s as script$g } from './OrPopover.vue_vue_type_script_lang-8422f18e.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
@@ -587,7 +587,7 @@ var script = defineComponent({
     const searchControlStyles = computed(() => [...SelectSearchControl]);
     const dropdownStyles = computed(() => {
       var _a;
-      return [...SelectDropdown, ...(((_a = popover.value) === null || _a === void 0 ? void 0 : _a.isFlipped) ? SelectDropdownFlipped : SelectDropdownDefault)];
+      return ['or-select-popover-v3', ...SelectDropdown, ...(((_a = popover.value) === null || _a === void 0 ? void 0 : _a.isFlipped) ? SelectDropdownFlipped : SelectDropdownDefault)];
     });
     const dropdownItemStyles = computed(() => [...SelectDropdownItem]);
     const noSearchResultsStyles = computed(() => [...SelectNoSearchResults]);

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-95e88b3b.js → OrSelect.vue_vue_type_script_lang-a4d17559.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from './index-ba131271.js';
+import { o as onClickOutside } from './index-c5cda763.js';
 import { isEmpty } from './utils/isEmpty.js';
 import { _ as _baseAssignValue } from './_baseAssignValue-2250dbc9.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from './_baseIsEqual-fe2002b6.js';

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-e9508a3c.js → OrSidebar.vue_vue_type_script_lang-57ab330d.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { SidebarPlacement } from './components/OrSidebarV3/props.js';
 import { Sidebar, SidebarHeader, SidebarHeaderPaddings, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings } from './components/OrSidebarV3/styles.js';
 import './components/OrResizeablePanelV3/OrResizeablePanel.js';
-import { s as script$1 } from './OrResizeablePanel.vue_vue_type_script_lang-62c94016.js';
+import { s as script$1 } from './OrResizeablePanel.vue_vue_type_script_lang-dcba3a56.js';
 import { ResizeablePanelPadding } from './components/OrResizeablePanelV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-5cdae1e4.js → OrSidebar.vue_vue_type_script_lang-f69f92ca.js}

@@ -1,4 +1,4 @@
-import { e as useDraggable } from './index-ba131271.js';
+import { g as useDraggable } from './index-c5cda763.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './components/OrSidebar/constants.js';
 

package/dist/bundled/v3/{OrSlider.vue_vue_type_script_lang-777879e0.js → OrSlider.vue_vue_type_script_lang-207c0596.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, e as useDraggable } from './index-ba131271.js';
+import { o as onClickOutside, g as useDraggable } from './index-c5cda763.js';
 import { f as addClass, h as removeClass } from './dom-cec392f3.js';
 import './components/OrIcon/OrIcon.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-f3cbff23.js';

package/dist/bundled/v3/{OrSorting.vue_vue_type_script_lang-27d19702.js → OrSorting.vue_vue_type_script_lang-786e3d6b.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
 import { SortingRoot, SortingLabel } from './components/OrSortingV3/styles.js';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-b109843f.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-74df3ea9.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$2 } from './OrMenuItem.vue_vue_type_script_lang-11569833.js';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-2ec4da42.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-0f7bda53.js';
 import './components/OrIconV3/OrIcon.js';
 import { s as script$4 } from './OrIcon.vue_vue_type_script_lang-db2e3f85.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-c117cd4c.js → OrSwitch.vue_vue_type_script_lang-032fd11a.js}

@@ -3,7 +3,7 @@ import { SwitchRoot, SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoa
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrLoaderV3/OrLoader.js';
 import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
-import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-7459ba26.js';
+import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-e4fbf869.js';
 import { LabelVariant } from './components/OrLabelV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-9d703d5b.js → OrTabs.vue_vue_type_script_lang-9c4da61c.js}

@@ -1,4 +1,4 @@
-import { f as useResizeObserver } from './index-ba131271.js';
+import { e as useResizeObserver } from './index-c5cda763.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './components/OrTabsV3/props.js';
 import { TabsRoot, TabsRootVariants, TabsContainer, TabsContent } from './components/OrTabsV3/styles.js';
@@ -8,7 +8,7 @@ import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrTabV3/OrTab.js';
 import { s as script$4 } from './OrTab.vue_vue_type_script_lang-886e334a.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-db2e3f85.js';
-import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-b109843f.js';
+import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-74df3ea9.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-11569833.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-721cc6ba.js → OrTag.vue_vue_type_script_lang-68dfde87.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { Tag, TagVariants, TagColors } from './components/OrTagV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-6960bd77.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 
 var script = defineComponent({
   name: 'OrTag',

package/dist/bundled/v3/{OrTagInput.vue_vue_type_script_lang-0bf6a772.js → OrTagInput.vue_vue_type_script_lang-703ca4c0.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
-import { o as onClickOutside } from './index-ba131271.js';
+import { o as onClickOutside } from './index-c5cda763.js';
 import { TagInput, TagInputControl, TagInputItem } from './components/OrTagInputV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
@@ -9,10 +9,10 @@ import './components/OrLabelV3/OrLabel.js';
 import './components/OrTagsV3/OrTags.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-6960bd77.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
-import { s as script$6 } from './OrTags.vue_vue_type_script_lang-5d0be4da.js';
+import { s as script$6 } from './OrTags.vue_vue_type_script_lang-df64b42f.js';
 import { TagsOverflow } from './components/OrTagsV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-5d0be4da.js → OrTags.vue_vue_type_script_lang-df64b42f.js}

@@ -5,10 +5,10 @@ import { castToTagObject } from './components/OrTagsV3/utils/castToTag.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-721cc6ba.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-68dfde87.js';
 import { useOverflow } from './hooks/useOverflow.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-2ec4da42.js';
-import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-dd8b8839.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-0f7bda53.js';
+import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-8422f18e.js';
 
 var script = defineComponent({
   name: 'OrTags',
@@ -61,6 +61,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-tags-v3', ...Tags]);
+    const popoverStyles = computed(() => ['or-tags-popover-v3']);
     const containerStyles = computed(() => [...TagsContainer, ...TagsContainerOverflows[localOverflow.value]]);
     const overflowButtonStyles = computed(() => [...TagsOverflowButton]);
     const overflowPopoverStyles = computed(() => [...TagsOverflowPopover]);
@@ -100,6 +101,7 @@ var script = defineComponent({
       overflowPopover,
       overflowPopoverRoot,
       rootStyles,
+      popoverStyles,
       containerStyles,
       overflowButtonStyles,
       overflowPopoverStyles,

package/dist/bundled/v3/{OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js → OrTeleport.vue3.vue_vue_type_script_lang-dfc6301c.js}

@@ -1,7 +1,6 @@
 import { defineComponent } from 'vue-demi';
 
 var script = defineComponent({
-  name: 'OrTeleport',
   props: {
     to: {
       type: String,

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-f979ecf1.js → OrTimePicker.vue_vue_type_script_lang-35091c83.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './components/OrTimePickerV3/styles.js';
-import './OrDateTimePickerTimeSelect-fa69d6bc.js';
+import './OrDateTimePickerTimeSelect-bf55ed14.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrIconV3/OrIcon.js';
@@ -8,15 +8,15 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-e1e72065.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect.vue_vue_type_script_lang-83d6af6c.js';
+import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-5a72a5a0.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect.vue_vue_type_script_lang-8e7b9eba.js';
 import { s as script$6 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-db2e3f85.js';
-import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-6960bd77.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$b } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
-import { s as script$c } from './OrPopover.vue_vue_type_script_lang-dd8b8839.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-8422f18e.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
@@ -115,7 +115,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker]);
-    const popoverStyles = computed(() => [...TimePickerPopover]);
+    const popoverStyles = computed(() => ['or-time-picker-popover-v3', ...TimePickerPopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {

package/dist/bundled/v3/{OrTimeRangePicker.vue_vue_type_script_lang-6381b6e2.js → OrTimeRangePicker.vue_vue_type_script_lang-8a459e34.js}

@@ -7,15 +7,15 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-e1e72065.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect.vue_vue_type_script_lang-83d6af6c.js';
+import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-5a72a5a0.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect.vue_vue_type_script_lang-8e7b9eba.js';
 import { s as script$6 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-db2e3f85.js';
-import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-6960bd77.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$b } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
-import { s as script$c } from './OrPopover.vue_vue_type_script_lang-dd8b8839.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-8422f18e.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
@@ -107,7 +107,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker]);
-    const popoverStyles = computed(() => [...TimeRangePickerPopover]);
+    const popoverStyles = computed(() => ['or-time-range-picker-popover-v3', ...TimeRangePickerPopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {

package/dist/bundled/v3/{OrToastContainer.vue_vue_type_script_lang-ec9de1f1.js → OrToastContainer.vue_vue_type_script_lang-45788e80.js}

@@ -5,8 +5,8 @@ import script$2 from './components/OrToastV3/OrToast.js';
 import { P as PositionsX, a as PositionsY, T as TransitionType } from './props-7be029c7.js';
 import { ToastContainer, ToastContainerPositions } from './components/OrToastV3/styles.js';
 import './components/OrTeleportV3/OrTeleport.js';
-import { s as script$1 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import { u as useToggle } from './index-8d86c3d5.js';
+import { s as script$1 } from './OrTeleport.vue3.vue_vue_type_script_lang-dfc6301c.js';
+import { u as useToggle } from './index-6cbf1493.js';
 import { useElevation } from './hooks/useElevation.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrToastContainer.vue_vue_type_script_lang-b474df01.js → OrToastContainer.vue_vue_type_script_lang-ccc99bf4.js}

@@ -4,7 +4,7 @@ import { defineComponent, nextTick } from 'vue-demi';
 import useQueue from './components/OrToast/composable/useQueue.js';
 import useToastEventBus from './components/OrToast/composable/useToastEventBus.js';
 import { PositionsX, PositionsY, TransitionType } from './components/OrToast/constants.js';
-import { u as useToggle } from './index-8d86c3d5.js';
+import { u as useToggle } from './index-6cbf1493.js';
 
 var script = defineComponent({
   name: 'OrToastContainer',

package/dist/bundled/v3/{OrTooltip.vue_vue_type_script_lang-96ee1de9.js → OrTooltip.vue_vue_type_script_lang-de235304.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { Tooltip, TooltipBody, TooltipBodyPlacements } from './components/OrTooltipV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-dd8b8839.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-8422f18e.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
@@ -37,10 +37,6 @@ var script = defineComponent({
     offset: {
       type: [Number, Object, Function],
       default: undefined
-    },
-    externalControl: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -50,6 +46,7 @@ var script = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-tooltip-v3', ...Tooltip]);
+    const popoverStyles = computed(() => ['or-tooltip-popover-v3']);
     const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
     // State
     const {
@@ -63,6 +60,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      popoverStyles,
       bodyStyles,
       state,
       open,

package/dist/bundled/v3/{OrTree.vue_vue_type_script_lang-d3b62b95.js → OrTree.vue_vue_type_script_lang-661610fa.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-dem
 import { TreeNodeDropPosition } from './components/OrTreeV3/types.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrIconV3/OrIcon.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-2ec4da42.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-0f7bda53.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-db2e3f85.js';
-import { u as useToggle } from './index-8d86c3d5.js';
+import { u as useToggle } from './index-6cbf1493.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
 
 function inRange(num, min, max) {

package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-3a69daf9.js';
-export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-3a69daf9.js';
+import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-39b7912c.js';
+export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-39b7912c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { n as usePointerSwipe, S as SwipeDirection } from '../../../index-ba131271.js';
+import { n as usePointerSwipe, S as SwipeDirection } from '../../../index-c5cda763.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

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

@@ -1,2 +1,2 @@
 export { BottomSheetVariant } from './props.js';
-export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-3a69daf9.js';
+export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-39b7912c.js';

package/dist/bundled/v3/components/OrButtonV3/OrButton.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrButton.vue_vue_type_script_lang-2ec4da42.js';
-export { s as default } from '../../OrButton.vue_vue_type_script_lang-2ec4da42.js';
+import { s as script } from '../../OrButton.vue_vue_type_script_lang-0f7bda53.js';
+export { s as default } from '../../OrButton.vue_vue_type_script_lang-0f7bda53.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const _hoisted_1 = ["type", "activated", "disabled"];

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

@@ -1,2 +1,2 @@
 export { ButtonColor, ButtonType, ButtonVariant } from './props.js';
-export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-2ec4da42.js';
+export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-0f7bda53.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-417aadd9.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-417aadd9.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-4bbd52e3.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-4bbd52e3.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 

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

@@ -1,2 +1,2 @@
 export { CARD_COLLECTION_LAYOUT } from './constants.js';
-export { s as OrCardCollection } from '../../OrCardCollection.vue_vue_type_script_lang-417aadd9.js';
+export { s as OrCardCollection } from '../../OrCardCollection.vue_vue_type_script_lang-4bbd52e3.js';

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-e85f1a7d.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-e85f1a7d.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-57870016.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-57870016.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, createVNode, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps, withCtx, createTextVNode } from 'vue';
 
 const _hoisted_1 = {

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

@@ -1,2 +1,2 @@
 export { CardCollectionView, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-e85f1a7d.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-57870016.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCheckboxGroup.vue_vue_type_script_lang-038398e8.js';
-export { s as default } from '../../OrCheckboxGroup.vue_vue_type_script_lang-038398e8.js';
+import { s as script } from '../../OrCheckboxGroup.vue_vue_type_script_lang-affca216.js';
+export { s as default } from '../../OrCheckboxGroup.vue_vue_type_script_lang-affca216.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

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

@@ -1 +1 @@
-export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup.vue_vue_type_script_lang-038398e8.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup.vue_vue_type_script_lang-affca216.js';

package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-d04a8b5d.js';
-export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-d04a8b5d.js';
+import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-887981cc.js';
+export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-887981cc.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

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

@@ -1 +1 @@
-export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-d04a8b5d.js';
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-887981cc.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCode.vue_vue_type_script_lang-a24a226f.js';
-export { s as default } from '../../OrCode.vue_vue_type_script_lang-a24a226f.js';
+import { s as script } from '../../OrCode.vue_vue_type_script_lang-3a6280cf.js';
+export { s as default } from '../../OrCode.vue_vue_type_script_lang-3a6280cf.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, createBlock, createCommentVNode, withDirectives, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 

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

@@ -1,5 +1,5 @@
 export { OrCodeLanguages } from './constants.js';
-export { s as OrCode } from '../../OrCode.vue_vue_type_script_lang-a24a226f.js';
+export { s as OrCode } from '../../OrCode.vue_vue_type_script_lang-3a6280cf.js';
 export { b as basicSetup } from '../../index-59ae65a4.js';
 export { a as lintGutter, l as linter } from '../../index-4a4ab262.js';
 export { javascript } from '../../index-9b8fe3ec.js';

package/dist/bundled/v3/components/OrCodeV3/OrCode.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCode.vue_vue_type_script_lang-68dba389.js';
-export { s as default } from '../../OrCode.vue_vue_type_script_lang-68dba389.js';
+import { s as script } from '../../OrCode.vue_vue_type_script_lang-ea765e93.js';
+export { s as default } from '../../OrCode.vue_vue_type_script_lang-ea765e93.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, renderSlot, createBlock, withModifiers, createCommentVNode, createSlots, createTextVNode, toDisplayString } from 'vue';
 
 const _hoisted_1 = {

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

@@ -1,5 +1,5 @@
 export { CodeLanguage } from './props.js';
-export { s as OrCodeV3 } from '../../OrCode.vue_vue_type_script_lang-68dba389.js';
+export { s as OrCodeV3 } from '../../OrCode.vue_vue_type_script_lang-ea765e93.js';
 export { a as lintGutter, l as linter } from '../../index-4a4ab262.js';
 export { javascript } from '../../index-9b8fe3ec.js';
 export { json, jsonParseLinter } from '../../index-57f01e0d.js';