@onereach/ui-components 4.7.0-beta.2778.0 → 4.7.0-beta.2797.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-1cf93f01.js → OrDateTimePickerMonthSelect-d4ab2179.js}

@@ -47,7 +47,7 @@ var script$2 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-date-control', ...DateTimePickerDateControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-date-control-v3', ...DateTimePickerDateControl]);
     const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
     const proxyModelValue = computed({
@@ -184,7 +184,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-date-select', ...DateTimePickerDateSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-date-select-v3', ...DateTimePickerDateSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerDateSelectButtonGroup]);
     const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
     const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
@@ -373,7 +373,7 @@ var script = defineComponent({
       return (_a = monthMenu.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-month-select', ...DateTimePickerMonthSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-month-select-v3', ...DateTimePickerMonthSelect]);
     // State
     const proxyModelValue = computed({
       get: () => {

package/dist/bundled/v2/{OrDateTimePickerPopoverHeader-7c87f38a.js → OrDateTimePickerPopoverHeader-1b577856.js}

@@ -30,7 +30,7 @@ var script$2 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-mobile-control', ...DateTimePickerMobileControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-mobile-control-v3', ...DateTimePickerMobileControl]);
     const contentStyles = computed(() => [...DateTimePickerMobileControlContent]);
     return {
       root,
@@ -98,7 +98,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-popover-footer', ...DateTimePickerPopoverFooter]);
+    const rootStyles = computed(() => ['or-date-time-picker-popover-footer-v3', ...DateTimePickerPopoverFooter]);
     return {
       root,
       rootStyles
@@ -174,7 +174,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-popover-header', ...DateTimePickerPopoverHeader]);
+    const rootStyles = computed(() => ['or-date-time-picker-popover-header-v3', ...DateTimePickerPopoverHeader]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-3d0ef650.js → OrDateTimePickerTimeSelect-82ededab.js}

@@ -43,7 +43,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-time-control', ...DateTimePickerTimeControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-time-control-v3', ...DateTimePickerTimeControl]);
     const placeholderStyles = computed(() => [...DateTimePickerTimeControlPlaceholder]);
     // State
     const proxyModelValue = computed({
@@ -172,7 +172,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-time-select', ...DateTimePickerTimeSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
     // State

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

@@ -1,12 +1,13 @@
-import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
+import { g as usePointerSwipe, o as onClickOutside, S as SwipeDirection } from '../../index-2ae26715.js';
 import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
 import { BottomSheetVariant } from './props.js';
 import { BottomSheet, BottomSheetVariants, BottomSheetHandle, BottomSheetHeader } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../../index-cbe0a12b.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
-import 'portal-vue';
+import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 

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

@@ -1,12 +1,13 @@
 export { default as OrBottomSheetV3 } from './OrBottomSheet.js';
 export { BottomSheetVariant } from './props.js';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
-import 'portal-vue';
+import 'vue';
 import '../../normalize-component-6e8e3d80.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';

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

@@ -3,7 +3,8 @@ import { ButtonType, ButtonVariant, ButtonColor } from './props.js';
 import { ButtonRoot, ButtonRootVariants, ButtonRootColors } from './styles.js';
 import __vue_component__$1 from '../OrLoaderV3/OrLoader.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 

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

@@ -3,7 +3,8 @@ export { ButtonColor, ButtonType, ButtonVariant } from './props.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -18,12 +18,12 @@ import '../OrFloating/constants.js';
 import '../../utils/functions/dom.js';
 import 'lodash/isElement';
 import 'lodash/get';
-import '@vueuse/core';
 import '../OrInput/OrInput.js';
 import '../OrLabel/OrLabel.js';
 import '../OrHint/OrHint.js';
 import '../OrError/OrError.js';
 import '../OrCollapse/OrCollapse.js';
+import '../../index-cbe0a12b.js';
 import '../OrButtonV2/constants.js';
 import '../OrTooltip/OrTooltip.js';
 import 'lodash/isNil';

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

@@ -18,7 +18,6 @@ import '../../utils/functions/dom.js';
 import 'lodash/isElement';
 import 'lodash/get';
 import '../OrSearch/OrSearch.js';
-import '@vueuse/core';
 import '../OrInput/OrInput.js';
 import '../OrLabel/OrLabel.js';
 import '../OrHint/OrHint.js';
@@ -31,3 +30,4 @@ import '../OrButtonV2/constants.js';
 import '../OrLoader/OrLoader.js';
 import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
+import '../../index-cbe0a12b.js';

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

@@ -12,7 +12,8 @@ import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
@@ -24,7 +25,7 @@ import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
-import 'portal-vue';
+import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';

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

@@ -10,7 +10,8 @@ import '../OrIconButtonV3/styles.js';
 import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
@@ -22,7 +23,7 @@ import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
-import 'portal-vue';
+import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';

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

@@ -1,15 +1,17 @@
 import { defineComponent } from 'vue-demi';
-import { useVModel } from '@vueuse/core';
+import { u as useVModel } from '../../index-2ae26715.js';
 import __vue_component__$1 from '../OrCheckboxTreeV3/OrCheckboxTree.js';
 import __vue_component__$2 from '../OrFormGroupV3/OrFormGroup.js';
 import { FormGroupDirection } from '../OrFormGroupV3/props.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../../index-cbe0a12b.js';
 import '../OrCheckboxTreeV3/styles.js';
 import '../../utils/functions/flattenDeep.js';
 import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
+import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

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

@@ -1,6 +1,7 @@
 export { default as OrCheckboxGroupV3 } from './OrCheckboxGroup.js';
 import 'vue-demi';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import '../OrCheckboxTreeV3/OrCheckboxTree.js';
 import '../OrCheckboxTreeV3/styles.js';
 import '../../utils/functions/flattenDeep.js';
@@ -9,6 +10,7 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrCheckboxV3/OrCheckbox.js';
+import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

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

@@ -1,13 +1,15 @@
 import { defineComponent, computed, watch } from 'vue-demi';
-import { useVModel, useToggle } from '@vueuse/core';
+import { u as useVModel } from '../../index-2ae26715.js';
 import { CheckboxTreeRoot, CheckboxTreeRootParent } from './styles.js';
 import flattenDeep from '../../utils/functions/flattenDeep.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-cbe0a12b.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
+import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

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

@@ -1,6 +1,7 @@
 export { default as OrCheckboxTreeV3 } from './OrCheckboxTree.js';
 import 'vue-demi';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import './styles.js';
 import '../../utils/functions/flattenDeep.js';
 import '../OrIconV3/OrIcon.js';
@@ -8,6 +9,7 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrCheckboxV3/OrCheckbox.js';
+import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
-import { useVModel } from '@vueuse/core';
+import { u as useVModel } from '../../index-2ae26715.js';
+import { isEmptyValue } from '../../utils/isEmptyValue.js';
 import { CheckboxRoot, CheckboxControl, CheckboxControlHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
 import { LabelVariant } from '../OrLabelV3/props.js';
@@ -7,6 +8,7 @@ import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../../index-cbe0a12b.js';
 import '../OrLabelV3/styles.js';
 
 var script = defineComponent({
@@ -68,7 +70,7 @@ var script = defineComponent({
     const proxyModelValue = useVModel(props, 'modelValue', emit);
     const isChecked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        return props.value && proxyModelValue.value.includes(props.value);
+        return !isEmptyValue(props.value) && proxyModelValue.value.includes(props.value);
       }
       return !!proxyModelValue.value;
     });
@@ -106,7 +108,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-7688319c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
+var css_248z = "input[data-v-35085ade]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -167,7 +169,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-7688319c";
+const __vue_scope_id__ = "data-v-35085ade";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    isChecked: import("@vue/composition-api").ComputedRef<boolean | "" | 0>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean>;
     handleChange: () => void;
     focus: () => void;
     blur: () => void;
@@ -94,7 +94,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    isChecked: import("@vue/composition-api").ComputedRef<boolean | "" | 0>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean>;
     handleChange: () => void;
     focus: () => void;
     blur: () => void;

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

@@ -1,6 +1,8 @@
 export { default as OrCheckboxV3 } from './OrCheckbox.js';
 import 'vue-demi';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
+import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

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

@@ -1,6 +1,6 @@
 import { E as EditorView, F as Facet, c as combineConfig, S as StateField, a as EditorSelection, T as Transaction, C as ChangeSet, b as ChangeDesc, I as IndentContext, g as getIndentation, i as indentString, d as Text, e as indentUnit, f as countColumn, h as getIndentUnit, A as Annotation, j as StateEffect, m as matchBrackets, s as syntaxTree, N as NodeProp, D as Direction, k as findClusterBreak, V as ViewPlugin, l as Decoration, n as codePointAt, o as codePointSize, p as getPanel, q as CharCategory, P as Prec, r as fromCodePoint, t as showPanel, R as RangeSetBuilder, u as EditorState, v as runScopeHandlers, w as hoverTooltip, W as WidgetType, x as logException, y as lineNumbers, z as highlightActiveLineGutter, B as highlightSpecialChars, G as foldGutter, H as drawSelection, J as dropCursor, K as indentOnInput, L as syntaxHighlighting, M as defaultHighlightStyle, O as bracketMatching, Q as rectangularSelection, U as crosshairCursor, X as highlightActiveLine, Y as keymap, Z as foldKeymap } from '../../index-cf2c3c27.js';
 import { c as closeBrackets, a as autocompletion, b as closeBracketsKeymap, d as completionKeymap, l as languages } from '../../lang-0fb8f78b.js';
-import { useElementHover } from '@vueuse/core';
+import { a as useElementHover } from '../../index-2ae26715.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';
@@ -12,6 +12,7 @@ import __vue_component__$5 from '../OrHint/OrHint.js';
 import __vue_component__$6 from '../OrLabel/OrLabel.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../../index-cbe0a12b.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../OrTeleport/constants.js';
 import '../OrTooltip/OrTooltip.js';

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

@@ -2,7 +2,8 @@ export { default as OrCode } from './OrCode.js';
 export { OrCodeLanguages } from './constants.js';
 import '../../index-cf2c3c27.js';
 import '../../lang-0fb8f78b.js';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import 'vue-demi';
 import '../OrTeleport/OrTeleport.js';
 import 'portal-vue/dist/portal-vue.esm.js';

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

@@ -1,9 +1,10 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { useToggle, onClickOutside } from '@vueuse/core';
+import { o as onClickOutside } from '../../index-2ae26715.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-cbe0a12b.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../../floating-ui.dom.esm-83eba816.js';

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

@@ -1,7 +1,8 @@
 export { default as OrColorPicker } from './OrColorPicker.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './constants.js';
 import 'vue-demi';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import './utils/defultPalette.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';

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

@@ -1,11 +1,12 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
-import { l as logicAnd } from '../../index-968c331a.js';
+import { b as useMagicKeys, c as useActiveElement } from '../../index-2ae26715.js';
+import { l as logicAnd } from '../../index-b46f18ed.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-cbe0a12b.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrIcon/OrIcon.js';

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

@@ -1,7 +1,8 @@
 export { default as OrConfirm } from './OrConfirm.js';
 import 'vue-demi';
-import '@vueuse/core';
-import '../../index-968c331a.js';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
+import '../../index-b46f18ed.js';
 import '../OrButtonV2/OrButton.js';
 import '../OrButtonV2/constants.js';
 import '../OrIcon/OrIcon.js';

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

@@ -1,5 +1,5 @@
-import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
-import { l as logicAnd } from '../../index-968c331a.js';
+import { b as useMagicKeys, o as onClickOutside } from '../../index-2ae26715.js';
+import { l as logicAnd } from '../../index-b46f18ed.js';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { ConfirmRoot, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
@@ -7,10 +7,11 @@ import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
 import __vue_component__$3 from '../OrInputV3/OrInput.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
+import { w as whenever } from '../../index-cbe0a12b.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
-import 'portal-vue';
+import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../OrButtonV3/styles.js';

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

@@ -1,13 +1,14 @@
 export { default as OrConfirmV3 } from './OrConfirm.js';
 export { ConfirmType } from './props.js';
-import '@vueuse/core';
-import '../../index-968c331a.js';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import 'vue-demi';
+import '../../index-b46f18ed.js';
 import './styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
-import 'portal-vue';
+import 'vue';
 import '../../normalize-component-6e8e3d80.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-1cf93f01.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d4ab2179.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-1b577856.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -19,7 +19,8 @@ import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
@@ -46,7 +47,7 @@ import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
-import 'portal-vue';
+import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
@@ -142,7 +143,7 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-date-picker', ...DatePicker]);
+    const rootStyles = computed(() => ['or-date-picker-v3', ...DatePicker]);
     const popoverStyles = computed(() => [...DatePickerPopover]);
     // State
     const initialModelValue = useCurrentDate();
@@ -254,7 +255,31 @@ var __vue_render__ = function () {
       "invalid": !!_vm.error,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
-    }
+    },
+    scopedSlots: _vm._u([{
+      key: "addon",
+      fn: function () {
+        return [_vm.modelValue ? [_c('OrIconButton', {
+          attrs: {
+            "icon": 'close',
+            "color": 'inherit',
+            "disabled": _vm.readonly || _vm.disabled
+          },
+          on: {
+            "click": function ($event) {
+              $event.stopPropagation();
+              return _vm.$emit('update:modelValue', undefined);
+            }
+          }
+        })] : [_c('OrIcon', {
+          attrs: {
+            "icon": 'calendar_month',
+            "variant": 'outlined'
+          }
+        })]];
+      },
+      proxy: true
+    }])
   }, [_c('OrDateTimePickerDateControl', {
     directives: [{
       name: "dropdown-open",
@@ -337,26 +362,7 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  }), _vm._v(" "), _c('div', {
-    class: ['layout-inline-row']
-  }, [_vm.modelValue ? [_c('OrIconButton', {
-    attrs: {
-      "icon": 'close',
-      "color": 'inherit',
-      "disabled": _vm.readonly || _vm.disabled
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.$emit('update:modelValue', undefined);
-      }
-    }
-  })] : [_c('OrIcon', {
-    attrs: {
-      "icon": 'calendar_month',
-      "variant": 'outlined'
-    }
-  })]], 2)], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }

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

@@ -2,14 +2,15 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-1cf93f01.js';
+import '../../OrDateTimePickerMonthSelect-d4ab2179.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrIconV3/OrIcon.js';
@@ -30,7 +31,7 @@ import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
-import 'portal-vue';
+import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
@@ -38,7 +39,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
+import '../../OrDateTimePickerPopoverHeader-1b577856.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

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

@@ -1,6 +1,6 @@
 import padStart from 'lodash/padStart';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { onClickOutside } from '@vueuse/core';
+import { o as onClickOutside } from '../../index-2ae26715.js';
 import { setStyle, requestAF, getCS, reflow, cancelAF } from '../../utils/functions/dom.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';
@@ -12,6 +12,7 @@ import __vue_component__$4 from '../OrError/OrError.js';
 import __vue_component__$5 from '../OrHint/OrHint.js';
 import __vue_component__$6 from '../OrCollapse/OrCollapse.js';
 import __vue_component__$7 from '../OrIconButtonV2/OrIconButton.js';
+import '../../index-cbe0a12b.js';
 import 'lodash/isElement';
 import 'lodash/get';
 import '../../floating-ui.dom.esm-83eba816.js';

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

@@ -2,7 +2,8 @@ export { default as OrDateTimePicker } from './OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './constants.js';
 import 'lodash/padStart';
 import 'vue-demi';
-import '@vueuse/core';
+import '../../index-2ae26715.js';
+import '../../index-cbe0a12b.js';
 import '../../utils/functions/dom.js';
 import 'lodash/isElement';
 import 'lodash/get';