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

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

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-a77d7adf.js';
+import { o as onClickOutside } from '../../index-f29777b6.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/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-a77d7adf.js';
+import { n as usePointerSwipe, S as SwipeDirection } from '../../../index-f29777b6.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

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

@@ -4,7 +4,7 @@ import { extractChildrenValues } from './utils/extractChildrenValues.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$3 from '../OrButtonV3/OrButton.js';
-import { u as useToggle } from '../../index-210a7ab2.js';
+import { u as useToggle } from '../../index-39fe2838.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

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

@@ -1,6 +1,6 @@
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-10711eb4.js';
 import { b as basicSetup, i as indentWithTab } from '../../index-f1a845c3.js';
-import { u as useElementHover } from '../../index-a77d7adf.js';
+import { u as useElementHover } from '../../index-f29777b6.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

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

@@ -1,10 +1,10 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a77d7adf.js';
+import { o as onClickOutside } from '../../index-f29777b6.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';
-import { u as useToggle } from '../../index-210a7ab2.js';
+import { u as useToggle } from '../../index-39fe2838.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

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

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-a77d7adf.js';
-import { l as logicAnd } from '../../index-bd1d316d.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-f29777b6.js';
+import { l as logicAnd } from '../../index-adc8aac4.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';
 import __vue_component__$3 from '../OrInput/OrInput.js';
 import { BUTTON_COLOR } from '../OrButtonV2/constants.js';
 import { OrModalSizes } from '../OrModal/constants.js';
-import { w as whenever } from '../../index-210a7ab2.js';
+import { w as whenever } from '../../index-39fe2838.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,5 +1,5 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-a77d7adf.js';
-import { l as logicAnd } from '../../index-bd1d316d.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-f29777b6.js';
+import { l as logicAnd } from '../../index-adc8aac4.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
@@ -8,7 +8,7 @@ import __vue_component__$2 from '../OrButtonV3/OrButton.js';
 import __vue_component__$3 from '../OrInputV3/OrInput.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
-import { w as whenever } from '../../index-210a7ab2.js';
+import { w as whenever } from '../../index-39fe2838.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

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

@@ -1,7 +1,7 @@
 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-12085f90.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-2bb42ff2.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-72397f4c.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -108,7 +108,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-date-picker-v3', ...DatePicker]);
-    const popoverStyles = computed(() => ['or-date-picker-popover-v3', ...DatePickerPopover]);
+    const popoverStyles = computed(() => [...DatePickerPopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
@@ -278,7 +278,6 @@ 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,8 +8,8 @@ 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-12085f90.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-2bb42ff2.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-72397f4c.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -98,7 +98,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-date-range-picker-v3', ...DateRangePicker]);
-    const popoverStyles = computed(() => ['or-date-range-picker-popover-v3', ...DateRangePickerPopover]);
+    const popoverStyles = computed(() => [...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,7 +344,6 @@ 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/OrDateTimePicker/OrDateTimePicker.js

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from '../../toString-b6e4472a.js'
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from '../../toInteger-9fa0151c.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a77d7adf.js';
+import { o as onClickOutside } from '../../index-f29777b6.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from '../../dom-cec392f3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-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 { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-2bb42ff2.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-72397f4c.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c59105c1.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -129,8 +129,8 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-date-time-picker-v3', ...DateTimePicker]);
-    const datePopoverStyles = computed(() => ['or-date-time-picker-date-popover-v3', ...DateTimePickerDatePopover]);
-    const timePopoverStyles = computed(() => ['or-date-time-picker-time-popover-v3', ...DateTimePickerTimePopover]);
+    const datePopoverStyles = computed(() => [...DateTimePickerDatePopover]);
+    const timePopoverStyles = computed(() => [...DateTimePickerTimePopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
@@ -372,7 +372,6 @@ var __vue_render__ = function () {
     ref: "datePopover",
     class: _vm.datePopoverStyles,
     attrs: {
-      "custom-styles": _vm.datePopoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'
@@ -435,7 +434,6 @@ 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,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.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 { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-2bb42ff2.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-72397f4c.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c59105c1.js';
 export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 export { formatDate } from './utils/formatDate.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { c as useVModel } from '../../index-a77d7adf.js';
+import { c as useVModel } from '../../index-f29777b6.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from '../../dom-cec392f3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

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

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

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

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

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { h as useElementSize } from '../../index-a77d7adf.js';
+import { h as useElementSize } from '../../index-f29777b6.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

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

@@ -40,7 +40,6 @@ var script = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-menu-v3', ...Menu]);
-    const popoverStyles = computed(() => ['or-menu-popover-v3']);
     // State
     const {
       state,
@@ -63,7 +62,6 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
-      popoverStyles,
       state,
       open,
       close,
@@ -82,9 +80,7 @@ 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,7 +4,6 @@ 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;
@@ -63,7 +62,6 @@ 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/OrModal/OrModal.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-a77d7adf.js';
-import { u as useFocusTrap } from '../../useFocusTrap-dad25115.js';
+import { o as onClickOutside } from '../../index-f29777b6.js';
+import { u as useFocusTrap } from '../../useFocusTrap-1bc572f0.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,12 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a77d7adf.js';
+import { o as onClickOutside } from '../../index-f29777b6.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$3 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$4 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';
-import { u as useToggle } from '../../index-210a7ab2.js';
+import { u as useToggle } from '../../index-39fe2838.js';
 
 var script$1 = defineComponent({
   name: 'OrOverflowMenuItem',

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { i as useScrollLock } from '../../index-a77d7adf.js';
+import { i as useScrollLock } from '../../index-f29777b6.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { c as useVModel } from '../../index-a77d7adf.js';
+import { c as useVModel } from '../../index-f29777b6.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

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 { o as onClickOutside } from '../../index-f29777b6.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,11 +18,6 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
-    // @workaround for Vue 2
-    customStyles: {
-      type: Array,
-      default: () => []
-    },
     isOpen: {
       type: Boolean,
       default: false
@@ -51,6 +46,10 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
+    customStyles: {
+      type: Array,
+      default: () => []
+    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -74,7 +73,7 @@ var script = defineComponent({
       fullWidth
     } = toRefs(props);
     // Styles
-    const rootStyles = computed(() => ['or-popover-v3', ...Popover, ...('class' in context.attrs ? [] : props.customStyles)]);
+    const rootStyles = computed(() => ['or-popover-v3', ...Popover, ...props.customStyles]);
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[placement.value]]);
     // State
     const {

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -28,10 +28,6 @@ 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;
@@ -62,15 +58,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;
@@ -101,12 +97,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;
     };
 }>> & 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<{
@@ -116,6 +115,7 @@ 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,7 +146,6 @@ 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<{
@@ -156,11 +155,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<{
@@ -170,6 +169,7 @@ 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/OrProgressV3/OrProgress.js

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