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

package/dist/bundled/v3/{useFocusTrap-5ec18c69.js → useFocusTrap-aa5b17f6.js}

@@ -1,6 +1,6 @@
-import { l as unrefElement } from './index-ba131271.js';
+import { l as unrefElement } from './index-c5cda763.js';
 import { ref, watch } from 'vue-demi';
-import { e as tryOnScopeDispose } from './index-8d86c3d5.js';
+import { d as tryOnScopeDispose } from './index-6cbf1493.js';
 
 /*!
 * tabbable 6.2.0

package/dist/esm/v2/{OrBottomSheet-d95dd23d.js → OrBottomSheet-54250194.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 { _ as __vue_component__$1 } from './OrOverlay-868d1120.js';
+import { _ as __vue_component__$1 } from './OrOverlay-1dc61baa.js';
 import { u as useTheme } from './useTheme-0ef25778.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCardCollection-4f58feec.js → OrCardCollection-7611caac.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-2db42d48.js';
-import { _ as __vue_component__$4 } from './OrSearch-be3a4cba.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2b9bfbd8.js';
+import { _ as __vue_component__$4 } from './OrSearch-72a162cf.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
-import { _ as __vue_component__$3 } from './OrSorting-e6ce767f.js';
+import { _ as __vue_component__$3 } from './OrSorting-9b034680.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var CardCollectionView;

package/dist/esm/v2/{OrCode-46aecdc3.js → OrCode-169277b0.js}

@@ -10,8 +10,8 @@ import { basicSetup } from 'codemirror';
 import { keymap, EditorView } from '@codemirror/view';
 import { indentWithTab } from '@codemirror/commands';
 import { Compartment, EditorState } from '@codemirror/state';
-import { _ as __vue_component__$7 } from './OrIconButton-2db42d48.js';
-import { _ as __vue_component__$6 } from './OrModal-edb71805.js';
+import { _ as __vue_component__$7 } from './OrIconButton-2b9bfbd8.js';
+import { _ as __vue_component__$6 } from './OrModal-2d435437.js';
 import { _ as __vue_component__$2 } from './OrError-916e928e.js';
 import { _ as __vue_component__$3 } from './OrHint-1220face.js';
 import { _ as __vue_component__$4 } from './OrInputBox-c586fe8d.js';

package/dist/esm/v2/{OrConfirm-3a814917.js → OrConfirm-d9ddac98.js}

@@ -6,8 +6,8 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-78336f88.js';
-import { _ as __vue_component__$3 } from './OrInput-1d972fe9.js';
-import { _ as __vue_component__$1 } from './OrOverlay-868d1120.js';
+import { _ as __vue_component__$3 } from './OrInput-de449aeb.js';
+import { _ as __vue_component__$1 } from './OrOverlay-1dc61baa.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ConfirmType;

package/dist/esm/v2/{OrContextMenu-38869527.js → OrContextMenu-219ac516.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 { _ as __vue_component__$1 } from './OrMenu-3d8e70c1.js';
-import { P as PopoverPlacement } from './OrPopover-2ced765c.js';
+import { _ as __vue_component__$1 } from './OrMenu-79fbaa73.js';
+import { P as PopoverPlacement } from './OrPopover-7820b4af.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrDateFormat-056b8678.js → OrDateFormat-2d16cf21.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-0c83ece6.js';
-import './OrDateTimePickerTimeSelect-fa1826f6.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-418af1e1.js';
+import './OrDateTimePickerTimeSelect-8403edd6.js';
 import { f as formatDate } from './getTimePlaceholder-8f786f44.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDatePicker-00c91208.js → OrDatePicker-35b7cd7c.js}

@@ -5,18 +5,18 @@ 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.vue_rollup-plugin-vue_script-0c83ece6.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-fa1826f6.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-418af1e1.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-8403edd6.js';
 import './getTimePlaceholder-8f786f44.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { _ as __vue_component__$7 } from './OrError-916e928e.js';
 import { _ as __vue_component__$8 } from './OrHint-1220face.js';
-import { _ as __vue_component__$a } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$a } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$9 } from './OrIcon-0343b3d8.js';
 import { _ as __vue_component__$b } from './OrInputBox-c586fe8d.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$c } from './OrLabel-b465bc0b.js';
-import { _ as __vue_component__$d } from './OrPopover-2ced765c.js';
+import { _ as __vue_component__$d } from './OrPopover-7820b4af.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DatePicker = [
@@ -120,7 +120,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-date-picker-v3', ...DatePicker]);
-    const popoverStyles = computed(() => [...DatePickerPopover]);
+    const popoverStyles = computed(() => ['or-date-picker-popover-v3', ...DatePickerPopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
@@ -290,6 +290,7 @@ var __vue_render__ = function () {
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
+    class: _vm.popoverStyles,
     attrs: {
       "custom-styles": _vm.popoverStyles,
       "variant": 'auto',

package/dist/esm/v2/{OrDateRangePicker-6ed80a50.js → OrDateRangePicker-98f5e487.js}

@@ -5,19 +5,19 @@ 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.vue_rollup-plugin-vue_script-0c83ece6.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-fa1826f6.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-418af1e1.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-8403edd6.js';
 import './getTimePlaceholder-8f786f44.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
 import { _ as __vue_component__$7 } from './OrError-916e928e.js';
 import { _ as __vue_component__$8 } from './OrHint-1220face.js';
-import { _ as __vue_component__$a } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$a } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$9 } from './OrIcon-0343b3d8.js';
 import { _ as __vue_component__$b } from './OrInputBox-c586fe8d.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$c } from './OrLabel-b465bc0b.js';
-import { _ as __vue_component__$d } from './OrPopover-2ced765c.js';
+import { _ as __vue_component__$d } from './OrPopover-7820b4af.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DateRangePicker = [
@@ -109,7 +109,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-date-range-picker-v3', ...DateRangePicker]);
-    const popoverStyles = computed(() => [...DateRangePickerPopover]);
+    const popoverStyles = computed(() => ['or-date-range-picker-popover-v3', ...DateRangePickerPopover]);
     // State
     const initialValueFrom = ref((_b = (_a = props.modelValue) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : getCurrentDate());
     const initialValueTo = ref((_d = (_c = props.modelValue) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : getNextMonthDate());
@@ -355,6 +355,7 @@ var __vue_render__ = function () {
     ref: "popover",
     class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

package/dist/esm/v2/{OrDateTimeFormat-13b41ebc.js → OrDateTimeFormat-623018f7.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-0c83ece6.js';
-import './OrDateTimePickerTimeSelect-fa1826f6.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-418af1e1.js';
+import './OrDateTimePickerTimeSelect-8403edd6.js';
 import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-8f786f44.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDateTimePicker-a3a52b7a.js → OrDateTimePicker-1f850293.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-0c83ece6.js';
+import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-418af1e1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */
@@ -124,6 +124,7 @@ var __vue_render__ = function () {
     ref: "datePopover",
     class: _vm.datePopoverStyles,
     attrs: {
+      "custom-styles": _vm.datePopoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'
@@ -186,6 +187,7 @@ var __vue_render__ = function () {
     ref: "timePopover",
     class: _vm.timePopoverStyles,
     attrs: {
+      "custom-styles": _vm.timePopoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

package/dist/esm/v2/{OrDateTimePicker.vue_rollup-plugin-vue_script-0c83ece6.js → OrDateTimePicker.vue_rollup-plugin-vue_script-418af1e1.js}

@@ -7,13 +7,13 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$8 } from './OrError-916e928e.js';
 import { _ as __vue_component__$9 } from './OrHint-1220face.js';
-import { _ as __vue_component__$b } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$b } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$a } from './OrIcon-0343b3d8.js';
 import { _ as __vue_component__$c } from './OrInputBox-c586fe8d.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$d } from './OrLabel-b465bc0b.js';
-import { _ as __vue_component__$e } from './OrPopover-2ced765c.js';
-import { _ as __vue_component__, a as __vue_component__$1, b as __vue_component__$2, c as __vue_component__$3, d as __vue_component__$4, e as __vue_component__$5, f as __vue_component__$6, g as __vue_component__$7 } from './OrDateTimePickerTimeSelect-fa1826f6.js';
+import { _ as __vue_component__$e } from './OrPopover-7820b4af.js';
+import { _ as __vue_component__, a as __vue_component__$1, b as __vue_component__$2, c as __vue_component__$3, d as __vue_component__$4, e as __vue_component__$5, f as __vue_component__$6, g as __vue_component__$7 } from './OrDateTimePickerTimeSelect-8403edd6.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-8f786f44.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 
@@ -138,8 +138,8 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-date-time-picker-v3', ...DateTimePicker]);
-    const datePopoverStyles = computed(() => [...DateTimePickerDatePopover]);
-    const timePopoverStyles = computed(() => [...DateTimePickerTimePopover]);
+    const datePopoverStyles = computed(() => ['or-date-time-picker-date-popover-v3', ...DateTimePickerDatePopover]);
+    const timePopoverStyles = computed(() => ['or-date-time-picker-time-popover-v3', ...DateTimePickerTimePopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {

package/dist/esm/v2/{OrDateTimePickerTimeSelect-fa1826f6.js → OrDateTimePickerTimeSelect-8403edd6.js}

@@ -8,11 +8,11 @@ import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$8 } from './OrButton-78336f88.js';
 import { _ as __vue_component__$9 } from './OrLabel-b465bc0b.js';
-import { _ as __vue_component__$b } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$b } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$a } from './OrIcon-0343b3d8.js';
 import { _ as __vue_component__$d } from './OrMenuItem-f377dc2d.js';
-import { _ as __vue_component__$c } from './OrMenu-3d8e70c1.js';
-import './OrPopover-2ced765c.js';
+import { _ as __vue_component__$c } from './OrMenu-79fbaa73.js';
+import './OrPopover-7820b4af.js';
 
 const DateTimePickerDateControl = [
 // Layout

package/dist/esm/v2/{OrIconButton-2db42d48.js → OrIconButton-2b9bfbd8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, toRefs, computed, isVue3 } from 'vue-demi';
 import { _ as __vue_component__$1, I as IconSize, a as IconVariant } from './OrIcon-0343b3d8.js';
-import { _ as __vue_component__$2 } from './OrTooltip-c54fc57e.js';
-import './OrPopover-2ced765c.js';
+import { _ as __vue_component__$2 } from './OrTooltip-c54969d0.js';
+import './OrPopover-7820b4af.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var IconButtonColor;

package/dist/esm/v2/{OrInlineInput-dc2c598a.js → OrInlineInput-6d0463db.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-916e928e.js';
 import { _ as __vue_component__$2 } from './OrHint-1220face.js';
-import { _ as __vue_component__$3 } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$3 } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInlineTextarea-def8d633.js → OrInlineTextarea-38f117e5.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-916e928e.js';
 import { _ as __vue_component__$2 } from './OrHint-1220face.js';
-import { _ as __vue_component__$3 } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$3 } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInput-1d972fe9.js → OrInput-de449aeb.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-916e928e.js';
 import { _ as __vue_component__$2 } from './OrHint-1220face.js';
-import { _ as __vue_component__$4 } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$4 } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$3 } from './OrIcon-0343b3d8.js';
 import { _ as __vue_component__$5 } from './OrInputBox-c586fe8d.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';

package/dist/esm/v2/{OrList-eb8cc568.js → OrList-da58a159.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 { _ as __vue_component__$1 } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$1 } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$2 } from './OrLabel-b465bc0b.js';
 import { _ as __vue_component__$3 } from './OrListItem-534e8e9d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrMenu-3d8e70c1.js → OrMenu-79fbaa73.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 { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-2ced765c.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-7820b4af.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Menu = [
@@ -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,
@@ -88,7 +90,9 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('OrPopover', {
+    class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "is-open": _vm.state === 'open',
       "variant": 'auto',
       "trigger": _vm.trigger,

package/dist/esm/v2/{OrModal-edb71805.js → OrModal-2d435437.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 { _ as __vue_component__$5 } from './OrOverlay-868d1120.js';
+import { _ as __vue_component__$5 } from './OrOverlay-1dc61baa.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$4 } from './OrIconButton-2b9bfbd8.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v2/{OrNotification-40f7f38f.js → OrNotification-14b75a27.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$1 } from './OrIcon-0343b3d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrOverlay-868d1120.js → OrOverlay-1dc61baa.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 { _ as __vue_component__$1 } from './OrTeleport.vue2-424c7f33.js';
+import { _ as __vue_component__$1 } from './OrTeleport.vue2-9eb0eaee.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Overlay = [

package/dist/esm/v2/{OrPagination-161a1a53.js → OrPagination-a877b4a0.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-78336f88.js';
 import { _ as __vue_component__$2 } from './OrIcon-0343b3d8.js';
 import { _ as __vue_component__$4 } from './OrMenuItem-f377dc2d.js';
-import { _ as __vue_component__$3 } from './OrMenu-3d8e70c1.js';
-import './OrPopover-2ced765c.js';
+import { _ as __vue_component__$3 } from './OrMenu-79fbaa73.js';
+import './OrPopover-7820b4af.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const PaginationRoot = [

package/dist/esm/v2/{OrPopover-2ced765c.js → OrPopover-7820b4af.js}

@@ -6,75 +6,10 @@ 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 { _ as __vue_component__$1 } from './OrBottomSheet-d95dd23d.js';
-import { _ as __vue_component__$2 } from './OrTeleport.vue2-424c7f33.js';
+import { _ as __vue_component__$1 } from './OrBottomSheet-54250194.js';
+import { _ as __vue_component__$2 } from './OrTeleport.vue2-9eb0eaee.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-var PopoverVariant;
-(function (PopoverVariant) {
-  PopoverVariant["Auto"] = "auto";
-  PopoverVariant["Popover"] = "popover";
-  PopoverVariant["BottomSheet"] = "bottom-sheet";
-})(PopoverVariant || (PopoverVariant = {}));
-var PopoverPlacement;
-(function (PopoverPlacement) {
-  PopoverPlacement["Top"] = "top";
-  PopoverPlacement["TopStart"] = "top-start";
-  PopoverPlacement["TopEnd"] = "top-end";
-  PopoverPlacement["Bottom"] = "bottom";
-  PopoverPlacement["BottomStart"] = "bottom-start";
-  PopoverPlacement["BottomEnd"] = "bottom-end";
-  PopoverPlacement["Left"] = "left";
-  PopoverPlacement["LeftStart"] = "left-start";
-  PopoverPlacement["LeftEnd"] = "left-end";
-  PopoverPlacement["Right"] = "right";
-  PopoverPlacement["RightStart"] = "right-start";
-  PopoverPlacement["RightEnd"] = "right-end";
-})(PopoverPlacement || (PopoverPlacement = {}));
-
-const Popover = [
-// Position
-'absolute'];
-const PopoverBody = [
-// Spacing
-'mx-sm', 'my-sm',
-// Shape
-'rounded-md',
-// Elevation
-'shadow-contextual', 'dark:shadow-contextual-dark',
-// Theme
-'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
-const PopoverBodyPlacements = {
-  [PopoverPlacement.Top]: [],
-  [PopoverPlacement.TopStart]: [
-  // Spacing
-  'ml-none'],
-  [PopoverPlacement.TopEnd]: [
-  // Spacing
-  'mr-none'],
-  [PopoverPlacement.Bottom]: [],
-  [PopoverPlacement.BottomStart]: [
-  // Spacing
-  'ml-none'],
-  [PopoverPlacement.BottomEnd]: [
-  // Spacing
-  'mr-none'],
-  [PopoverPlacement.Left]: [],
-  [PopoverPlacement.LeftStart]: [
-  // Spacing
-  'mt-none'],
-  [PopoverPlacement.LeftEnd]: [
-  // Spacing
-  'mb-none'],
-  [PopoverPlacement.Right]: [],
-  [PopoverPlacement.RightStart]: [
-  // Spacing
-  'mt-none'],
-  [PopoverPlacement.RightEnd]: [
-  // Spacing
-  'mb-none']
-};
-
 function roundByDPR(element, value) {
   const dpr = getDPR(element);
   return Math.round(value * dpr) / dpr;
@@ -208,6 +143,71 @@ function useFloating(reference, floating) {
   };
 }
 
+var PopoverVariant;
+(function (PopoverVariant) {
+  PopoverVariant["Auto"] = "auto";
+  PopoverVariant["Popover"] = "popover";
+  PopoverVariant["BottomSheet"] = "bottom-sheet";
+})(PopoverVariant || (PopoverVariant = {}));
+var PopoverPlacement;
+(function (PopoverPlacement) {
+  PopoverPlacement["Top"] = "top";
+  PopoverPlacement["TopStart"] = "top-start";
+  PopoverPlacement["TopEnd"] = "top-end";
+  PopoverPlacement["Bottom"] = "bottom";
+  PopoverPlacement["BottomStart"] = "bottom-start";
+  PopoverPlacement["BottomEnd"] = "bottom-end";
+  PopoverPlacement["Left"] = "left";
+  PopoverPlacement["LeftStart"] = "left-start";
+  PopoverPlacement["LeftEnd"] = "left-end";
+  PopoverPlacement["Right"] = "right";
+  PopoverPlacement["RightStart"] = "right-start";
+  PopoverPlacement["RightEnd"] = "right-end";
+})(PopoverPlacement || (PopoverPlacement = {}));
+
+const Popover = [
+// Position
+'absolute'];
+const PopoverBody = [
+// Spacing
+'mx-sm', 'my-sm',
+// Shape
+'rounded-md',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark',
+// Theme
+'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const PopoverBodyPlacements = {
+  [PopoverPlacement.Top]: [],
+  [PopoverPlacement.TopStart]: [
+  // Spacing
+  'ml-none'],
+  [PopoverPlacement.TopEnd]: [
+  // Spacing
+  'mr-none'],
+  [PopoverPlacement.Bottom]: [],
+  [PopoverPlacement.BottomStart]: [
+  // Spacing
+  'ml-none'],
+  [PopoverPlacement.BottomEnd]: [
+  // Spacing
+  'mr-none'],
+  [PopoverPlacement.Left]: [],
+  [PopoverPlacement.LeftStart]: [
+  // Spacing
+  'mt-none'],
+  [PopoverPlacement.LeftEnd]: [
+  // Spacing
+  'mb-none'],
+  [PopoverPlacement.Right]: [],
+  [PopoverPlacement.RightStart]: [
+  // Spacing
+  'mt-none'],
+  [PopoverPlacement.RightEnd]: [
+  // Spacing
+  'mb-none']
+};
+
 var script = defineComponent({
   components: {
     OrBottomSheet: __vue_component__$1,
@@ -215,6 +215,11 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
+    // @workaround for Vue 2
+    customStyles: {
+      type: Array,
+      default: () => []
+    },
     isOpen: {
       type: Boolean,
       default: false
@@ -243,10 +248,6 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
-    customStyles: {
-      type: Array,
-      default: () => []
-    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -270,7 +271,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/esm/v2/{OrResizeablePanel-af5459a9.js → OrResizeablePanel-3387085d.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 { _ as __vue_component__$1 } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$1 } from './OrIconButton-2b9bfbd8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ResizeablePanelPadding;

package/dist/esm/v2/{OrRichTextEditor-2db5b205.js → OrRichTextEditor-e956b3e4.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 { _ as __vue_component__$1 } from './OrIconButton-2db42d48.js';
+import { _ as __vue_component__$1 } from './OrIconButton-2b9bfbd8.js';
 import { _ as __vue_component__$2 } from './OrLabel-b465bc0b.js';
-import { _ as __vue_component__$4 } from './OrMenu-3d8e70c1.js';
-import { _ as __vue_component__$8 } from './OrPopover-2ced765c.js';
+import { _ as __vue_component__$4 } from './OrMenu-79fbaa73.js';
+import { _ as __vue_component__$8 } from './OrPopover-7820b4af.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-f377dc2d.js';
-import { _ as __vue_component__$5 } from './OrModal-edb71805.js';
-import { _ as __vue_component__$6 } from './OrInput-1d972fe9.js';
+import { _ as __vue_component__$5 } from './OrModal-2d435437.js';
+import { _ as __vue_component__$6 } from './OrInput-de449aeb.js';
 import { _ as __vue_component__$7 } from './OrButton-78336f88.js';
 import _ from 'lodash';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';

package/dist/esm/v2/{OrSearch-be3a4cba.js → OrSearch-72a162cf.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-1d972fe9.js';
+import { _ as __vue_component__$1 } from './OrInput-de449aeb.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import './dom-aecadd9a.js';