@onereach/ui-components 8.1.0 → 8.1.1-beta.3635.0

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d1e29101.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-12085f90.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -108,7 +108,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 => {
@@ -278,6 +278,7 @@ var __vue_render__ = function () {
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
+    class: _vm.popoverStyles,
     attrs: {
       "custom-styles": _vm.popoverStyles,
       "variant": 'auto',

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,7 +8,7 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d1e29101.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-12085f90.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
@@ -98,7 +98,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());
@@ -344,6 +344,7 @@ var __vue_render__ = function () {
     ref: "popover",
     class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d1e29101.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-12085f90.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
 import { DateTimePickerTimeFormat } from './props.js';
@@ -129,8 +129,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 => {
@@ -372,6 +372,7 @@ var __vue_render__ = function () {
     ref: "datePopover",
     class: _vm.datePopoverStyles,
     attrs: {
+      "custom-styles": _vm.datePopoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'
@@ -434,6 +435,7 @@ var __vue_render__ = function () {
     ref: "timePopover",
     class: _vm.timePopoverStyles,
     attrs: {
+      "custom-styles": _vm.timePopoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,5 +1,5 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d1e29101.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-12085f90.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
 export { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-51154cc7.js';
+export { _ as default } from '../../OrList-307e390d.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-51154cc7.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-307e390d.js';

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js

@@ -40,6 +40,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,
@@ -62,6 +63,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      popoverStyles,
       state,
       open,
       close,
@@ -80,7 +82,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/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts

@@ -4,6 +4,7 @@ import { MenuOffset, MenuPlacement } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
@@ -62,6 +63,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,9 +1,9 @@
 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-a77d7adf.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
+import { useFloating } from './hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './styles.js';
-import { useFloating } from './hooks/useFloating.js';
 import __vue_component__$1 from '../OrBottomSheetV3/OrBottomSheet.js';
 import __vue_component__$2 from '../OrTeleportV3/OrTeleport.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
@@ -18,6 +18,11 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
+    // @workaround for Vue 2
+    customStyles: {
+      type: Array,
+      default: () => []
+    },
     isOpen: {
       type: Boolean,
       default: false
@@ -46,10 +51,6 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
-    customStyles: {
-      type: Array,
-      default: () => []
-    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -73,7 +74,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/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -28,6 +28,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     close: () => void;
     toggle: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
+    customStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -58,15 +62,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-    customStyles: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
+    customStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -97,15 +101,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-    customStyles: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    customStyles: string[];
     isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
@@ -115,7 +116,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: PopoverOffset;
     fullWidth: boolean;
-    customStyles: string[];
     disableDefaultStyles: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -146,6 +146,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     close: () => void;
     toggle: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    customStyles: string[];
     isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
@@ -155,11 +156,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: PopoverOffset;
     fullWidth: boolean;
-    customStyles: string[];
     disableDefaultStyles: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    customStyles: string[];
     isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
@@ -169,7 +170,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: PopoverOffset;
     fullWidth: boolean;
-    customStyles: string[];
     disableDefaultStyles: boolean;
 }, true>);
 export default _default;

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

@@ -703,7 +703,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]);
@@ -986,12 +986,13 @@ var __vue_render__ = function () {
     }
   })], 2), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
+    class: _vm.dropdownStyles,
     attrs: {
+      "custom-styles": _vm.dropdownStyles,
       "variant": 'auto',
       "trigger": _vm.inputBoxRoot,
       "placement": 'bottom',
       "full-width": true,
-      "custom-styles": _vm.dropdownStyles,
       "disable-default-styles": true
     }
   }, [_vm.popoverState === 'open' && _vm.enableSearch && _vm.isMobile ? [_c('OrInput', {

package/dist/bundled/v2/components/OrTagsV3/OrTags.js

@@ -59,6 +59,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]);
@@ -98,6 +99,7 @@ var script = defineComponent({
       overflowPopover,
       overflowPopoverRoot,
       rootStyles,
+      popoverStyles,
       containerStyles,
       overflowButtonStyles,
       overflowPopoverStyles,
@@ -149,7 +151,9 @@ var __vue_render__ = function () {
     }
   }, [_vm._v("\n      +" + _vm._s(_vm.overflowItems.length) + "\n    ")]), _vm._v(" "), _c('OrPopover', {
     ref: "overflowPopover",
+    class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "trigger": _vm.overflowButtonRoot
     }
   }, [_c('div', {

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

@@ -19,6 +19,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowPopoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -90,6 +91,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowPopoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;

package/dist/bundled/v2/components/OrTeleportV3/OrTeleport.js

@@ -545,7 +545,6 @@ var MountingPortal = Vue.extend({
 });
 
 var script = defineComponent({
-  name: 'OrTeleport',
   components: {
     MountingPortal
   },

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -108,7 +108,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 => {
@@ -279,6 +279,7 @@ var __vue_render__ = function () {
     ref: "popover",
     class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -101,7 +101,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 => {
@@ -323,6 +323,7 @@ var __vue_render__ = function () {
     ref: "popover",
     class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js

@@ -46,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 {
@@ -59,6 +60,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      popoverStyles,
       bodyStyles,
       state,
       open,
@@ -88,7 +90,9 @@ var __vue_render__ = function () {
       }
     }
   }, [_vm._t("default"), _vm._v(" "), _vm.$slots.content || _vm.content || _vm.text ? [_c('OrPopover', {
+    class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "is-open": _vm.state === 'open',
       "variant": 'popover',
       "trigger": _vm.root,

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts

@@ -3,6 +3,7 @@ import { TooltipOffset, TooltipPlacement } from './props';
 declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
@@ -69,6 +70,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;

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

@@ -51,7 +51,7 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-d1e29101.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-12085f90.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-eccc1549.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-9e43a0fd.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
@@ -100,7 +100,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-51154cc7.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-307e390d.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';

package/dist/bundled/v2/index.js

@@ -30,7 +30,7 @@ export { default as OrInlineTextEdit } from './components/OrInlineTextEdit/OrInl
 export { default as OrInlineTextareaV3 } from './components/OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrLinkV3 } from './components/OrLinkV3/OrLink.js';
 export { default as OrListOfInputs } from './components/OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from './OrList-51154cc7.js';
+export { O as OrListItem, _ as OrListV3 } from './OrList-307e390d.js';
 export { default as OrNotification } from './components/OrNotification/OrNotification.js';
 export { default as OrNotificationV3 } from './components/OrNotificationV3/OrNotification.js';
 export { default as OrNumberInput } from './components/OrNumberInput/OrNumberInput.js';
@@ -105,7 +105,7 @@ export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, Inpu
 export { ConfirmType } from './components/OrConfirmV3/props.js';
 export { PopoverPlacement as ContextMenuPlacement, PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './components/OrPopoverV3/props.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/OrDateTimePicker/constants.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-d1e29101.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-12085f90.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from './OrDateTimePickerPopoverHeader-eccc1549.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-9e43a0fd.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './components/OrDateTimePickerV3/props.js';

package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-87d88222.js → OrBottomSheet.vue_vue_type_script_lang-39b7912c.js}

@@ -4,7 +4,7 @@ import useBottomSheetSwipeState from './components/OrBottomSheetV3/hooks/useBott
 import { BottomSheetVariant } from './components/OrBottomSheetV3/props.js';
 import { BottomSheet, BottomSheetVariants, BottomSheetHandle, BottomSheetHeader, BottomSheetContent } from './components/OrBottomSheetV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-5b1f4a36.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-5a649386.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-7ca62c10.js → OrCardCollection.vue_vue_type_script_lang-57870016.js}

@@ -4,10 +4,10 @@ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, re
 import { gridView, defaultViewModes } from './components/OrCardCollectionV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrSortingV3/OrSorting.js';
-import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-7f3ef26d.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-786e3d6b.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-830f706c.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-17f4d731.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-176bb9fa.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-698d3aff.js → OrCode.vue_vue_type_script_lang-ea765e93.js}

@@ -13,9 +13,9 @@ 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 { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, createCommentVNode, vShow } from 'vue';
 import './components/OrModalV3/OrModal.js';
-import { s as script$6 } from './OrModal.vue_vue_type_script_lang-500cb823.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-4f268651.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-17f4d731.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-2f2c32b6.js → OrConfirm.vue_vue_type_script_lang-a2a7b876.js}

@@ -7,9 +7,9 @@ import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-5b1f4a36.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-5a649386.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-0f7bda53.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-b4faaa0a.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-af907c8c.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 import { w as whenever } from './index-6cbf1493.js';
 

package/dist/bundled/v3/{OrContextMenu.vue_vue_type_script_lang-669e7087.js → OrContextMenu.vue_vue_type_script_lang-1e05a4d2.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch } from 'vue-demi';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-781d3054.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-74df3ea9.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-debb7600.js → OrDatePicker.vue_vue_type_script_lang-bdcae5b0.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
-import './OrDateTimePickerPopoverHeader-70ed8ced.js';
+import './OrDateTimePickerPopoverHeader-4ee10843.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$4 } from './OrDateTimePickerMonthSelect.vue_vue_type_script_lang-e77dd873.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect.vue_vue_type_script_lang-ee15fb04.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-5a72a5a0.js';
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-db2e3f85.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-17f4d731.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-f042778e.js';
+import { s as script$d } 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';
@@ -115,7 +115,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 => {

package/dist/bundled/v3/{OrDateRangePicker.vue_vue_type_script_lang-0b21bc3d.js → OrDateRangePicker.vue_vue_type_script_lang-209eed10.js}

@@ -8,15 +8,15 @@ import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from './components/OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect.vue_vue_type_script_lang-e77dd873.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect.vue_vue_type_script_lang-ee15fb04.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-5a72a5a0.js';
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-db2e3f85.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-17f4d731.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-58170753.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-f042778e.js';
+import { s as script$d } 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';
@@ -104,7 +104,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());