@onereach/ui-components 8.0.8 → 8.0.9-beta.3622.0

package/dist/esm/v3/{OrList-92a63a94.js → OrList-8ac7afdc.js}

@@ -6,7 +6,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrIconButton-a55f5ac0.js';
+import { s as script$1 } from './OrIconButton-63d76371.js';
 import { s as script$2 } from './OrLabel-b826da04.js';
 import { s as script$3 } from './OrListItem-2ed9a12f.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrMenu-72844eb1.js → OrMenu-b4acee3d.js}

@@ -4,8 +4,8 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-3b07d49e.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-f78bde95.js';
+import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [
 // Layout
@@ -48,6 +48,7 @@ var script = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-menu-v3', ...Menu]);
+    const popoverStyles = computed(() => ['or-menu-popover-v3']);
     // State
     const {
       state,
@@ -70,6 +71,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      popoverStyles,
       state,
       open,
       close,
@@ -82,6 +84,7 @@ var script = defineComponent({
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrPopover = resolveComponent("OrPopover");
   return openBlock(), createBlock(_component_OrPopover, {
+    class: normalizeClass(_ctx.popoverStyles),
     "is-open": _ctx.state === 'open',
     variant: 'auto',
     trigger: _ctx.trigger,
@@ -97,7 +100,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["is-open", "trigger", "placement", "offset"]);
+  }, 8 /* PROPS */, ["class", "is-open", "trigger", "placement", "offset"]);
 }
 
 script.render = render;

package/dist/esm/v3/{OrModal-76f96bd7.js → OrModal-6af1f31d.js}

@@ -4,9 +4,9 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$5 } from './OrOverlay-6269c33a.js';
+import { s as script$5 } from './OrOverlay-bd4f72c4.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-a55f5ac0.js';
+import { s as script$4 } from './OrIconButton-63d76371.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrNotification-1b6ac054.js → OrNotification-20113c93.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-a55f5ac0.js';
+import { s as script$2 } from './OrIconButton-63d76371.js';
 import { s as script$1 } from './OrIcon-8f6c9c29.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrOverlay-6269c33a.js → OrOverlay-bd4f72c4.js}

@@ -4,7 +4,7 @@ import { u as useElevation } from './useElevation-a50ec347.js';
 import './dom-aecadd9a.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrTeleport.vue3-8099178c.js';
+import { s as script$1 } from './OrTeleport.vue3-bf77eed4.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
 
 const Overlay = [

package/dist/esm/v3/{OrPagination-4a9074e0.js → OrPagination-5cbd9b5b.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-2e3a73fb.js';
 import { s as script$2 } from './OrIcon-8f6c9c29.js';
 import { s as script$4 } from './OrMenuItem-c5d2a427.js';
-import { s as script$3 } from './OrMenu-72844eb1.js';
-import './OrPopover-3b07d49e.js';
+import { s as script$3 } from './OrMenu-b4acee3d.js';
+import './OrPopover-f78bde95.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPopover-3b07d49e.js → OrPopover-f78bde95.js}

@@ -6,8 +6,8 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import { u as useResponsive } from './useResponsive-5c8291da.js';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrBottomSheet-375aa75c.js';
-import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
+import { s as script$1 } from './OrBottomSheet-e6c0b05f.js';
+import { s as script$2 } from './OrTeleport.vue3-bf77eed4.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
 var PopoverVariant;

package/dist/esm/v3/{OrResizeablePanel-81a57c7a.js → OrResizeablePanel-4fce1985.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrIconButton-a55f5ac0.js';
+import { s as script$1 } from './OrIconButton-63d76371.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
 
 var ResizeablePanelPadding;

package/dist/esm/v3/{OrRichTextEditor-0e867727.js → OrRichTextEditor-ffa15713.js}

@@ -16,13 +16,13 @@ import Blockquote from '@tiptap/extension-blockquote';
 import Link from '@tiptap/extension-link';
 import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
-import { s as script$1 } from './OrIconButton-a55f5ac0.js';
+import { s as script$1 } from './OrIconButton-63d76371.js';
 import { s as script$2 } from './OrLabel-b826da04.js';
-import { s as script$4 } from './OrMenu-72844eb1.js';
-import { s as script$8 } from './OrPopover-3b07d49e.js';
+import { s as script$4 } from './OrMenu-b4acee3d.js';
+import { s as script$8 } from './OrPopover-f78bde95.js';
 import { s as script$3 } from './OrMenuItem-c5d2a427.js';
-import { s as script$5 } from './OrModal-76f96bd7.js';
-import { s as script$6 } from './OrInput-ebc18762.js';
+import { s as script$5 } from './OrModal-6af1f31d.js';
+import { s as script$6 } from './OrInput-bed2c647.js';
 import { s as script$7 } from './OrButton-2e3a73fb.js';
 import _ from 'lodash';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';

package/dist/esm/v3/{OrSearch-fe8137a0.js → OrSearch-f638d8f2.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-ebc18762.js';
+import { s as script$1 } from './OrInput-bed2c647.js';
 import { I as InputBoxSize } from './OrInputBox-f0bac539.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import './dom-aecadd9a.js';

package/dist/esm/v3/{OrSelect-d2790afa.js → OrSelect-33fed3dd.js}

@@ -10,15 +10,15 @@ import { s as script$3 } from './OrCheckbox-4e9a3021.js';
 import { s as script$4 } from './OrError-69bd7f6a.js';
 import { s as script$5 } from './OrExpansionPanel-abe63bbb.js';
 import { s as script$6 } from './OrHint-55d3de35.js';
-import { s as script$8 } from './OrIconButton-a55f5ac0.js';
+import { s as script$8 } from './OrIconButton-63d76371.js';
 import { s as script$7 } from './OrIcon-8f6c9c29.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-f0bac539.js';
-import { s as script$9 } from './OrInput-ebc18762.js';
+import { s as script$9 } from './OrInput-bed2c647.js';
 import { s as script$b } from './OrLabel-b826da04.js';
 import { s as script$c } from './OrMenuItem-c5d2a427.js';
-import { s as script$d } from './OrPopover-3b07d49e.js';
-import { T as TagsOverflow } from './OrTags-9053bd36.js';
-import { s as script$1 } from './OrSelectMultipleControl-f575d50f.js';
+import { s as script$d } from './OrPopover-f78bde95.js';
+import { T as TagsOverflow } from './OrTags-29802e36.js';
+import { s as script$1 } from './OrSelectMultipleControl-4a44c7aa.js';
 import { s as script$2 } from './OrSelectSingleControl-5e78d499.js';
 import './OrSelectPlaceholder-10e3bf5e.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, Fragment, renderList, vShow } from 'vue';
@@ -215,6 +215,7 @@ var script = defineComponent({
     } = toRefs(props);
     // Styles
     const rootStyles = computed(() => ['or-select-v3', ...Select]);
+    const popoverStyles = computed(() => ['or-select-popover-v3']);
     const controlStyles = computed(() => [...SelectControl]);
     const searchControlStyles = computed(() => [...SelectSearchControl]);
     const dropdownStyles = computed(() => {
@@ -350,6 +351,7 @@ var script = defineComponent({
       popoverRoot,
       popoverState,
       rootStyles,
+      popoverStyles,
       controlStyles,
       searchControlStyles,
       dropdownStyles,
@@ -472,6 +474,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }, null, 8 /* PROPS */, ["icon", "class"])]), createVNode(_component_OrPopover, {
       ref: "popover",
+      class: normalizeClass(_ctx.popoverStyles),
       variant: 'auto',
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom',
@@ -587,7 +590,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, () => [createTextVNode(" No results ")])], 2 /* CLASS */))]),
 
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["trigger", "custom-styles"])]),
+    }, 8 /* PROPS */, ["class", "trigger", "custom-styles"])]),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_4, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/{OrSelectMultipleControl-f575d50f.js → OrSelectMultipleControl-4a44c7aa.js}

@@ -5,7 +5,7 @@ import { i as isEqualValue } from './isEqualValue-f8bf73d9.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$3, T as TagsOverflow } from './OrTags-9053bd36.js';
+import { s as script$3, T as TagsOverflow } from './OrTags-29802e36.js';
 import { s as script$1 } from './OrSelectPlaceholder-10e3bf5e.js';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
 import { s as script$2 } from './OrSelectControlInput-3297e30d.js';

package/dist/esm/v3/{OrSidebar-8e0771d3.js → OrSidebar-8feebd60.js}

@@ -4,8 +4,8 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-81a57c7a.js';
-import { S as SidebarPlacement } from './props-aedf339b.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-4fce1985.js';
+import { S as SidebarPlacement } from './props-6b1303f5.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
 
 const Sidebar = [

package/dist/esm/v3/{OrSorting-82ebb6f5.js → OrSorting-12fad9e9.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { s as script$1 } from './OrMenu-72844eb1.js';
-import './OrPopover-3b07d49e.js';
+import { s as script$1 } from './OrMenu-b4acee3d.js';
+import './OrPopover-f78bde95.js';
 import { s as script$2 } from './OrMenuItem-c5d2a427.js';
 import { s as script$3 } from './OrButton-2e3a73fb.js';
 import { s as script$4 } from './OrIcon-8f6c9c29.js';

package/dist/esm/v3/{OrTabs-faae418d.js → OrTabs-ef4d344e.js}

@@ -6,8 +6,8 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrIcon-8f6c9c29.js';
 import { s as script$3 } from './OrMenuItem-c5d2a427.js';
-import { s as script$2 } from './OrMenu-72844eb1.js';
-import './OrPopover-3b07d49e.js';
+import { s as script$2 } from './OrMenu-b4acee3d.js';
+import './OrPopover-f78bde95.js';
 import { s as script$4 } from './OrTab-db771526.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrTag-a37e8e69.js → OrTag-9195fa8b.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-a55f5ac0.js';
+import { s as script$1 } from './OrIconButton-63d76371.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTagInput-bdbf9b9f.js → OrTagInput-159d3b41.js}

@@ -8,10 +8,10 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-69bd7f6a.js';
 import { s as script$2 } from './OrHint-55d3de35.js';
-import { s as script$3 } from './OrIconButton-a55f5ac0.js';
+import { s as script$3 } from './OrIconButton-63d76371.js';
 import { s as script$4 } from './OrInputBox-f0bac539.js';
 import { s as script$5 } from './OrLabel-b826da04.js';
-import { s as script$6, T as TagsOverflow } from './OrTags-9053bd36.js';
+import { s as script$6, T as TagsOverflow } from './OrTags-29802e36.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTags-9053bd36.js → OrTags-29802e36.js}

@@ -4,8 +4,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-2e3a73fb.js';
-import { s as script$2 } from './OrPopover-3b07d49e.js';
-import { s as script$3 } from './OrTag-a37e8e69.js';
+import { s as script$2 } from './OrPopover-f78bde95.js';
+import { s as script$3 } from './OrTag-9195fa8b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';
 
 var TagsOverflow;
@@ -123,6 +123,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]);
@@ -162,6 +163,7 @@ var script = defineComponent({
       overflowPopover,
       overflowPopoverRoot,
       rootStyles,
+      popoverStyles,
       containerStyles,
       overflowButtonStyles,
       overflowPopoverStyles,
@@ -211,6 +213,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["class", "disabled", "onClick"]), createVNode(_component_OrPopover, {
     ref: "overflowPopover",
+    class: normalizeClass(_ctx.popoverStyles),
     trigger: _ctx.overflowButtonRoot
   }, {
     default: withCtx(() => [createElementVNode("div", {
@@ -227,7 +230,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.localOverflow != 'wrap' || _ctx.items.length === 0 ? renderSlot(_ctx.$slots, "tail", {
+  }, 8 /* PROPS */, ["class", "trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.localOverflow != 'wrap' || _ctx.items.length === 0 ? renderSlot(_ctx.$slots, "tail", {
     key: 2
   }) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }

package/dist/esm/v3/{OrTeleport.vue3-8099178c.js → OrTeleport.vue3-bf77eed4.js}

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

package/dist/esm/v3/{OrTimeFormat-360bca75.js → OrTimeFormat-d13a5fb3.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-5a2b70e3.js';
-import './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-d57d7577.js';
+import './OrDateTimePickerTimeSelect-6063d270.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-13d5f743.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-95f72797.js → OrTimePicker-f52ef14e.js}

@@ -5,17 +5,17 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-5a2b70e3.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-d57d7577.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-6063d270.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-13d5f743.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-69bd7f6a.js';
 import { s as script$7 } from './OrHint-55d3de35.js';
-import { s as script$9 } from './OrIconButton-a55f5ac0.js';
+import { s as script$9 } from './OrIconButton-63d76371.js';
 import { s as script$8 } from './OrIcon-8f6c9c29.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-f0bac539.js';
 import { s as script$b } from './OrLabel-b826da04.js';
-import { s as script$c } from './OrPopover-3b07d49e.js';
+import { s as script$c } from './OrPopover-f78bde95.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const TimePicker = [
@@ -116,7 +116,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/esm/v3/{OrTimeRangePicker-58946ad3.js → OrTimeRangePicker-0127c521.js}

@@ -5,17 +5,17 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-5c8291da.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-5a2b70e3.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-d57d7577.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-6063d270.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-13d5f743.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-69bd7f6a.js';
 import { s as script$7 } from './OrHint-55d3de35.js';
-import { s as script$9 } from './OrIconButton-a55f5ac0.js';
+import { s as script$9 } from './OrIconButton-63d76371.js';
 import { s as script$8 } from './OrIcon-8f6c9c29.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-f0bac539.js';
 import { s as script$b } from './OrLabel-b826da04.js';
-import { s as script$c } from './OrPopover-3b07d49e.js';
+import { s as script$c } from './OrPopover-f78bde95.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, Fragment } from 'vue';
 
 const TimeRangePicker = [
@@ -108,7 +108,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/esm/v3/{OrTooltip-bdd46da2.js → OrTooltip-ba8568c7.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { P as PopoverPlacement, s as script$1 } from './OrPopover-3b07d49e.js';
+import { P as PopoverPlacement, s as script$1 } from './OrPopover-f78bde95.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const Tooltip = [
@@ -93,6 +93,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 {
@@ -106,6 +107,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      popoverStyles,
       bodyStyles,
       state,
       open,
@@ -124,6 +126,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseleave: _cache[2] || (_cache[2] = $event => _ctx.close())
   }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.content || _ctx.content || _ctx.text ? (openBlock(), createBlock(_component_OrPopover, {
     key: 0,
+    class: normalizeClass(_ctx.popoverStyles),
     "is-open": _ctx.state === 'open',
     variant: 'popover',
     trigger: _ctx.root,
@@ -137,7 +140,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(_ctx.content || _ctx.text), 1 /* TEXT */)])], 2 /* CLASS */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["is-open", "trigger", "placement", "offset"])) : createCommentVNode("v-if", true)], 34 /* CLASS, HYDRATE_EVENTS */);
+  }, 8 /* PROPS */, ["class", "is-open", "trigger", "placement", "offset"])) : createCommentVNode("v-if", true)], 34 /* CLASS, HYDRATE_EVENTS */);
 }
 
 script.render = render;