@onereach/ui-components-vue2 21.5.0 → 21.5.1

package/dist/esm/{OrDateTimePicker-694dcd3e.js → OrDateTimePicker-77357215.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s, c } from './dropdown-open-k6cFnrqA-5245a281.js';
-import { G, s as se, X, a as re } from './useValidationAttributes-BpeWsfb0-24439d6f.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from './OrDateTimePickerMonthSelect-e139a00a.js';
+import { a, c } from './directives-0869d2a4.js';
+import { _, n as ne, K, e as ee } from './useValidationAttributes-C9_kxaDj-ee1d63dd.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from './OrDateTimePickerMonthSelect-432edd73.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from './OrDateTimePickerPopoverHeader-e2b3f8f2.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime } from './OrDateTimePickerTimeSelect-13163e60.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime } from './OrDateTimePickerTimeSelect-cc819da2.js';
 import { OrErrorV3 as OrError } from './components/or-error-v3/index.js';
 import { OrHintV3 as OrHint } from './components/or-hint-v3/index.js';
 import { OrIconV3 as OrIcon } from './components/or-icon-v3/index.js';
@@ -44,7 +44,7 @@ var script = defineComponent({
     OrPopover
   },
   directives: {
-    DropdownClose: s,
+    DropdownClose: a,
     DropdownOpen: c
   },
   model: {
@@ -158,15 +158,15 @@ var script = defineComponent({
     });
     const timePopoverStyles = computed(() => ['or-date-time-picker-time-popover-v3', ...DateTimePickerTimePopover]);
     // Options
-    const resolvedDateFormat = G(toRef(props, 'dateFormat'));
-    const resolvedTimeFormat = se(toRef(props, 'timeFormat'));
-    const resolvedLocale = X(toRef(props, 'locale'));
+    const resolvedDateFormat = _(toRef(props, 'dateFormat'));
+    const resolvedTimeFormat = ne(toRef(props, 'timeFormat'));
+    const resolvedLocale = K(toRef(props, 'locale'));
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
       initialValue.value = value !== null && value !== void 0 ? value : getCurrentDate();
     });
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const draft = ref(model.value);
     watch(model, value => {
       draft.value = value;

package/dist/esm/{OrDateTimePickerMonthSelect-e139a00a.js → OrDateTimePickerMonthSelect-432edd73.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { a as re, J } from './useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { e as ee, k } from './useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { f as formatDate } from './formatDate-0536a8d5.js';
 import { n as normalizeComponent } from './normalize-component-cf2db48b.js';
 import { OrButtonV3 as OrButton } from './components/or-button-v3/index.js';
@@ -71,8 +71,8 @@ var script$2 = defineComponent({
     const rootStyles = computed(() => ['or-date-time-picker-date-control-v3', ...DateTimePickerDateControl]);
     const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
-    const placeholder = J(toRef(props, 'format'), toRef(props, 'locale'));
+    const model = ee(toRef(props, 'modelValue'), context.emit);
+    const placeholder = k(toRef(props, 'format'), toRef(props, 'locale'));
     return {
       root,
       rootStyles,
@@ -228,7 +228,7 @@ var script$1 = defineComponent({
     const buttonGroupCurrentDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupCurrentDateItem]);
     const buttonGroupInRangeDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupInRangeDateItem]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const dayOptions = computed(() => {
       const monthStartDate = new Date(Date.UTC(props.initialValue.getUTCFullYear(), props.initialValue.getUTCMonth(), 1, props.initialValue.getUTCHours(), props.initialValue.getUTCMinutes()));
       const monthEndDate = new Date(Date.UTC(props.initialValue.getUTCFullYear(), props.initialValue.getUTCMonth() + 1, 0, props.initialValue.getUTCHours(), props.initialValue.getUTCMinutes()));
@@ -405,7 +405,7 @@ var script = defineComponent({
       return (_a = monthMenu.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const yearOptions = computed(() => {
       return Array.from({
         length: 11

package/dist/esm/{OrDateTimePickerTimeSelect-13163e60.js → OrDateTimePickerTimeSelect-cc819da2.js}

@@ -1,6 +1,6 @@
-import { h, a as re, o as oe } from './useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { h, e as ee, u as ue } from './useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { defineComponent, ref, computed, toRef, watch, nextTick } from 'vue-demi';
-import { f as formatTime } from './formatTime-8b7e3477.js';
+import { f as formatTime } from './formatTime-df463e40.js';
 import { n as normalizeComponent } from './normalize-component-cf2db48b.js';
 import { OrButtonV3 as OrButton } from './components/or-button-v3/index.js';
 
@@ -80,8 +80,8 @@ var script$1 = defineComponent({
     const rootStyles = computed(() => ['or-date-time-picker-time-control-v3', ...DateTimePickerTimeControl]);
     const placeholderStyles = computed(() => [...DateTimePickerTimeControlPlaceholder]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
-    const placeholder = oe(toRef(props, 'format'), toRef(props, 'locale'));
+    const model = ee(toRef(props, 'modelValue'), context.emit);
+    const placeholder = ue(toRef(props, 'format'), toRef(props, 'locale'));
     return {
       root,
       rootStyles,
@@ -228,7 +228,7 @@ var script = defineComponent({
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const dayPeriod = ref(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCHours() < 12 ? 'am' : 'pm');
     // Effects
     watch(dayPeriod, value => {

package/dist/esm/components/index.js

@@ -24,12 +24,12 @@ export { OrDateFormatV3 } from './or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';
 export { OrDateTimeFormatV3 } from './or-date-time-format-v3/index.js';
-export { O as OrDateTimePickerV3 } from '../OrDateTimePicker-694dcd3e.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../OrDateTimePickerMonthSelect-e139a00a.js';
+export { O as OrDateTimePickerV3 } from '../OrDateTimePicker-77357215.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../OrDateTimePickerMonthSelect-432edd73.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from '../OrDateTimePickerPopoverHeader-e2b3f8f2.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime, s as scrollToElementWithinContainer } from '../OrDateTimePickerTimeSelect-13163e60.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime, s as scrollToElementWithinContainer } from '../OrDateTimePickerTimeSelect-cc819da2.js';
 export { f as formatDate } from '../formatDate-0536a8d5.js';
-export { f as formatTime } from '../formatTime-8b7e3477.js';
+export { f as formatTime } from '../formatTime-df463e40.js';
 export { g as getNextMonthDate } from '../getNextMonthDate-25fe3c1a.js';
 export { DrawerPlacement, OrDrawerV3 } from './or-drawer-v3/index.js';
 export { DropAreaSize, OrDropAreaV3, approximateFileSize } from './or-drop-area-v3/index.js';
@@ -99,11 +99,11 @@ export { OrTooltipV3 } from './or-tooltip-v3/index.js';
 export { OrTreeV3, TreeNodeDropPosition } from './or-tree-v3/index.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import '../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import '../dom-qGGG2YCX-4d4cca6e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../dropdown-open-k6cFnrqA-5245a281.js';
+import '../directives-0869d2a4.js';
 import '../utils-72d9c2bb.js';
 import '../normalize-component-cf2db48b.js';
 import '../constants-2e3ea701.js';

package/dist/esm/components/or-autocomplete-v3/index.js

@@ -1,7 +1,7 @@
 import { computedAsync, watchTriggerable } from '@vueuse/core';
 import { defineComponent, reactive, ref, computed, toRef, nextTick } from 'vue-demi';
-import { N, k, c as ie, n as ne, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
-import { s, c } from '../../dropdown-open-k6cFnrqA-5245a281.js';
+import { J, Z, o as oe, t as te, e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
+import { a, c } from '../../directives-0869d2a4.js';
 import { a8 as Ht, ae as u, an as Ft, P as Pt } from '../../utils-72d9c2bb.js';
 import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
 import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
@@ -22,12 +22,12 @@ import '@onereach/styles/tailwind.config.json';
 import '../../constants-2e3ea701.js';
 import '../or-icon-v3/index.js';
 import '../or-tooltip-v3/index.js';
+import '../../style-inject.es-87955792.js';
 import '@floating-ui/dom';
 import '../or-bottom-sheet-v3/index.js';
 import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import 'portal-vue';
-import '../../style-inject.es-87955792.js';
 import '../or-tag-v3/index.js';
 import '../or-button-v3/index.js';
 import '../../props-bba3dca8.js';
@@ -101,7 +101,7 @@ var script = defineComponent({
     OrTagInput
   },
   directives: {
-    DropdownClose: s,
+    DropdownClose: a,
     DropdownOpen: c
   },
   model: {
@@ -184,9 +184,9 @@ var script = defineComponent({
   expose: ['root', 'popover', 'popoverState', 'reset', 'clear', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: N(),
-      ...k(),
-      ...ie()
+      id: J(),
+      ...Z(),
+      ...oe()
     });
     // Refs
     const root = ref();
@@ -220,7 +220,7 @@ var script = defineComponent({
     // Helpers
     const {
       isMobile
-    } = ne();
+    } = te();
     // Styles
     const rootStyles = computed(() => ['or-autocomplete-v3', ...Autocomplete, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const controlStyles = computed(() => [...AutocompleteControl]);
@@ -233,7 +233,7 @@ var script = defineComponent({
     const loaderContainerStyles = computed(() => [...AutocompleteLoaderContainer]);
     const boxOpenStyles = computed(() => [...(popoverState.value === 'open' && !isMobile.value ? popoverFlipped.value ? AutocompleteInputBoxOpenFlipped : AutocompleteInputBoxOpen : [])]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const searchText = ref();
     const filteredItems = computedAsync(async () => {
       return searchText.value ? (await props.searchFunction(searchText.value, props.items)).filter(item => {

package/dist/esm/components/or-bottom-sheet-v3/index.js

@@ -1,6 +1,6 @@
 import { usePointerSwipe, onClickOutside } from '@vueuse/core';
 import { ref, unref, computed, defineComponent, toRefs, watch } from 'vue-demi';
-import { u as ue, t as te } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { a as re, X } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrOverlayV3 as OrOverlay } from '../or-overlay-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
@@ -18,7 +18,7 @@ var BottomSheetVariant;
 function useBottomSheetSwipeState(root, content, fullscreen, variant, close) {
   const inlineSwipingStyles = ref({});
   const skipSwipe = ref(false);
-  const theme = ue();
+  const theme = re();
   const isEventSkipped = event => {
     return variant.value === BottomSheetVariant.Basic || event.composedPath().includes(content.value) && fullscreen.value;
   };
@@ -164,7 +164,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = te(isOpen, context.emit);
+    } = X(isOpen, context.emit);
     const fullscreen = ref(props.isFullscreen);
     // Styles
     const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);

package/dist/esm/components/or-card-collection-v3/index.js

@@ -7,7 +7,7 @@ import { OrLoaderV3 as OrLoader } from '../or-loader-v3/index.js';
 import '../../constants-2e3ea701.js';
 import '../or-icon-v3/index.js';
 import '../or-tooltip-v3/index.js';
-import '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';

package/dist/esm/components/or-checkbox-group-v3/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, toRef, computed } from 'vue-demi';
-import { a as re, n as ne } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { e as ee, t as te } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrCheckboxTreeV3 as OrCheckboxTree } from '../or-checkbox-tree-v3/index.js';
 import { OrFormGroupV3 as OrFormGroup, FormGroupDirection, FormGroupSpacing } from '../or-form-group-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
@@ -67,10 +67,10 @@ var script = defineComponent({
     }
   },
   setup(props, context) {
-    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = ee(toRef(props, 'modelValue'), context.emit);
     const {
       isMobile
-    } = ne();
+    } = te();
     const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);
     return {
       proxyModelValue,

package/dist/esm/components/or-checkbox-tree-v3/index.js

@@ -1,6 +1,6 @@
 import { useToggle } from '@vueuse/core';
 import { defineComponent, toRefs, computed, watch } from 'vue-demi';
-import { a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { a1 as X } from '../../utils-72d9c2bb.js';
 import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
 import { OrCheckboxV3 as OrCheckbox } from '../or-checkbox-v3/index.js';
@@ -89,7 +89,7 @@ var script = defineComponent({
     const childrenValues = computed(() => {
       return hasChildren.value ? extractChildrenValues(children.value) : [];
     });
-    const proxyModelValue = re(modelValue, context.emit);
+    const proxyModelValue = ee(modelValue, context.emit);
     const isAnyChildrenSelected = computed(() => {
       var _a;
       return (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.some(value => {

package/dist/esm/components/or-checkbox-v3/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
-import { N, k, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { J, Z, e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { aa as c, aj as i, a8 as Ht, P as Pt } from '../../utils-72d9c2bb.js';
 import { OrLabelV3 as OrLabel, LabelVariant } from '../or-label-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
@@ -91,8 +91,8 @@ var script = defineComponent({
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: N(),
-      ...k()
+      id: J(),
+      ...Z()
     });
     // Refs & Styles
     const root = ref();
@@ -100,7 +100,7 @@ var script = defineComponent({
     const control = ref();
     const controlStyles = computed(() => [...CheckboxControl, ...CheckboxControlHandle]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
       if (c(model.value)) {
         if (i(props.value)) {

package/dist/esm/components/or-code-v3/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, reactive, toRef, watch, onMounted, onUnmounted } from 'vue-demi';
-import { N, k, c as ie, a as re, u as ue } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { J, Z, o as oe, e as ee, a as re } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { basicSetup } from 'codemirror';
 import { indentWithTab } from '@codemirror/commands';
 import { Compartment, EditorState } from '@codemirror/state';
@@ -294,11 +294,11 @@ var script = defineComponent({
     const disabledExtensionCompartment = new Compartment();
     // State
     const controlAttributes = reactive({
-      id: N(),
-      ...k(),
-      ...ie()
+      id: J(),
+      ...Z(),
+      ...oe()
     });
-    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = ee(toRef(props, 'modelValue'), context.emit);
     const getLanguageExtension = async language => {
       switch (language) {
         case CodeLanguage.HTML:
@@ -331,7 +331,7 @@ var script = defineComponent({
       (_b = (_a = modal.value) === null || _a === void 0 ? void 0 : _a.open) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     // #region Codemirror
-    const theme = ue();
+    const theme = re();
     const defaultExtensions = [basicSetup, keymap.of([indentWithTab]), EditorView.domEventHandlers({
       input: event => {
         context.emit('input', event);

package/dist/esm/components/or-confirm-v3/index.js

@@ -1,7 +1,7 @@
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { t as te } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { X } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrOverlayV3 as OrOverlay } from '../or-overlay-v3/index.js';
 import { OrButtonV3 as OrButton } from '../or-button-v3/index.js';
 import { OrInputV3 as OrInput } from '../or-input-v3/index.js';
@@ -152,7 +152,7 @@ var script = defineComponent({
       state,
       open,
       close
-    } = te(toRef(props, 'isOpen'), context.emit);
+    } = X(toRef(props, 'isOpen'), context.emit);
     const isInputActive = ref(false);
     const confirmationValue = ref('');
     watch(state, () => {

package/dist/esm/components/or-context-menu-v3/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, toRefs, watch, ref } from 'vue-demi';
-import { t as te } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { X } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrMenuV3 as OrMenu } from '../or-menu-v3/index.js';
 import { PopoverPlacement } from '../or-popover-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
@@ -60,7 +60,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = te(ref(false), context.emit);
+    } = X(ref(false), context.emit);
     const reference = ref();
     const triggerPoint = ref();
     // Handlers

package/dist/esm/components/or-data-grid-v3/index.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import { OrCheckboxV3 as OrCheckbox } from '../or-checkbox-v3/index.js';
 import { OrDatePickerV3 as OrDatePicker } from '../or-date-picker-v3/index.js';
-import { O as OrDateTimePicker } from '../../OrDateTimePicker-694dcd3e.js';
+import { O as OrDateTimePicker } from '../../OrDateTimePicker-77357215.js';
 import { OrInputV3 as OrInput } from '../or-input-v3/index.js';
 import { OrRatingV3 as OrRating } from '../or-rating-v3/index.js';
 import { OrSelectV3 as OrSelect } from '../or-select-v3/index.js';
@@ -15,14 +15,14 @@ import { OrNotificationV3 as OrNotification } from '../or-notification-v3/index.
 import { OrPaginationV3 as OrPagination } from '../or-pagination-v3/index.js';
 import { OrSearchV3 as OrSearch } from '../or-search-v3/index.js';
 import { O as OrSkeletonText } from '../../OrSkeletonText-3a67a7dd.js';
-import '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../../utils-72d9c2bb.js';
 import '../or-label-v3/index.js';
-import '../../dropdown-open-k6cFnrqA-5245a281.js';
-import '../../OrDateTimePickerMonthSelect-e139a00a.js';
+import '../../directives-0869d2a4.js';
+import '../../OrDateTimePickerMonthSelect-432edd73.js';
 import '../../formatDate-0536a8d5.js';
 import '../or-button-v3/index.js';
 import '../../constants-2e3ea701.js';
@@ -43,8 +43,8 @@ import '../or-error-v3/index.js';
 import '../or-hint-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../../types-98e9a758.js';
-import '../../OrDateTimePickerTimeSelect-13163e60.js';
-import '../../formatTime-8b7e3477.js';
+import '../../OrDateTimePickerTimeSelect-cc819da2.js';
+import '../../formatTime-df463e40.js';
 import '../../style-inject.es-87955792.js';
 import '../../helpers-368c7a99.js';
 import '../or-tags-v3/index.js';

package/dist/esm/components/or-date-format-v3/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { G, X } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { _, K } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { f as formatDate } from '../../formatDate-0536a8d5.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
@@ -41,8 +41,8 @@ var script = defineComponent({
     const root = ref();
     const rootStyles = computed(() => ['or-date-format-v3', ...DateFormat]);
     // Options
-    const resolvedFormat = G(toRef(props, 'format'));
-    const resolvedLocale = X(toRef(props, 'locale'));
+    const resolvedFormat = _(toRef(props, 'format'));
+    const resolvedLocale = K(toRef(props, 'locale'));
     return {
       root,
       rootStyles,

package/dist/esm/components/or-date-picker-v3/index.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s, c } from '../../dropdown-open-k6cFnrqA-5245a281.js';
-import { G, X, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../../OrDateTimePickerMonthSelect-e139a00a.js';
+import { a, c } from '../../directives-0869d2a4.js';
+import { _, K, e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../../OrDateTimePickerMonthSelect-432edd73.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from '../../OrDateTimePickerPopoverHeader-e2b3f8f2.js';
 import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
 import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
@@ -58,7 +58,7 @@ var script = defineComponent({
     OrPopover
   },
   directives: {
-    DropdownClose: s,
+    DropdownClose: a,
     DropdownOpen: c
   },
   model: {
@@ -146,14 +146,14 @@ var script = defineComponent({
     });
     const popoverStyles = computed(() => ['or-date-picker-popover-v3', ...DatePickerPopover]);
     // Options
-    const resolvedFormat = G(toRef(props, 'format'));
-    const resolvedLocale = X(toRef(props, 'locale'));
+    const resolvedFormat = _(toRef(props, 'format'));
+    const resolvedLocale = K(toRef(props, 'locale'));
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
       initialValue.value = value !== null && value !== void 0 ? value : getCurrentDate();
     });
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const draft = ref(model.value);
     watch(model, value => {
       draft.value = value;

package/dist/esm/components/or-date-range-picker-v3/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s, c } from '../../dropdown-open-k6cFnrqA-5245a281.js';
-import { G, X, a as re, n as ne } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { a, c } from '../../directives-0869d2a4.js';
+import { _, K, e as ee, t as te } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
 import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
 import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
@@ -9,7 +9,7 @@ import { OrInputBoxV3 as OrInputBox } from '../or-input-box-v3/index.js';
 import { OrLabelV3 as OrLabel } from '../or-label-v3/index.js';
 import { OrPopoverV3 as OrPopover } from '../or-popover-v3/index.js';
 import { g as getNextMonthDate } from '../../getNextMonthDate-25fe3c1a.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../../OrDateTimePickerMonthSelect-e139a00a.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../../OrDateTimePickerMonthSelect-432edd73.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from '../../OrDateTimePickerPopoverHeader-e2b3f8f2.js';
 import { a as InputBoxVariant } from '../../types-98e9a758.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
@@ -59,7 +59,7 @@ var script = defineComponent({
     OrPopover
   },
   directives: {
-    DropdownClose: s,
+    DropdownClose: a,
     DropdownOpen: c
   },
   model: {
@@ -143,8 +143,8 @@ var script = defineComponent({
     });
     const popoverStyles = computed(() => ['or-date-range-picker-popover-v3', ...DateRangePickerPopover]);
     // Options
-    const resolvedFormat = G(toRef(props, 'format'));
-    const resolvedLocale = X(toRef(props, 'locale'));
+    const resolvedFormat = _(toRef(props, 'format'));
+    const resolvedLocale = K(toRef(props, 'locale'));
     // 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());
@@ -153,7 +153,7 @@ var script = defineComponent({
       initialValueFrom.value = (_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : getCurrentDate();
       initialValueTo.value = (_b = value === null || value === void 0 ? void 0 : value[1]) !== null && _b !== void 0 ? _b : getNextMonthDate();
     });
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const draft = ref(model.value);
     watch(model, value => {
       draft.value = value;
@@ -231,7 +231,7 @@ var script = defineComponent({
     const {
       isDesktop,
       isMobile
-    } = ne();
+    } = te();
     return {
       root,
       rootStyles,

package/dist/esm/components/or-date-time-format-v3/index.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { G, s as se, X } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { _, n as ne, K } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { f as formatDate } from '../../formatDate-0536a8d5.js';
-import { f as formatTime } from '../../formatTime-8b7e3477.js';
+import { f as formatTime } from '../../formatTime-df463e40.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
 import '@vueuse/core';
@@ -46,9 +46,9 @@ var script = defineComponent({
     const root = ref();
     const rootStyles = computed(() => ['or-date-time-format-v3', ...DateTimeFormat]);
     // Options
-    const resolvedDateFormat = G(toRef(props, 'dateFormat'));
-    const resolvedTimeFormat = se(toRef(props, 'timeFormat'));
-    const resolvedLocale = X(toRef(props, 'locale'));
+    const resolvedDateFormat = _(toRef(props, 'dateFormat'));
+    const resolvedTimeFormat = ne(toRef(props, 'timeFormat'));
+    const resolvedLocale = K(toRef(props, 'locale'));
     return {
       root,
       rootStyles,

package/dist/esm/components/or-date-time-picker-v3/index.js

@@ -1,13 +1,13 @@
-export { O as OrDateTimePickerV3 } from '../../OrDateTimePicker-694dcd3e.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../../OrDateTimePickerMonthSelect-e139a00a.js';
+export { O as OrDateTimePickerV3 } from '../../OrDateTimePicker-77357215.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../../OrDateTimePickerMonthSelect-432edd73.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from '../../OrDateTimePickerPopoverHeader-e2b3f8f2.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime, s as scrollToElementWithinContainer } from '../../OrDateTimePickerTimeSelect-13163e60.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime, s as scrollToElementWithinContainer } from '../../OrDateTimePickerTimeSelect-cc819da2.js';
 export { f as formatDate } from '../../formatDate-0536a8d5.js';
-export { f as formatTime } from '../../formatTime-8b7e3477.js';
+export { f as formatTime } from '../../formatTime-df463e40.js';
 export { g as getNextMonthDate } from '../../getNextMonthDate-25fe3c1a.js';
 import 'vue-demi';
-import '../../dropdown-open-k6cFnrqA-5245a281.js';
-import '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import '../../directives-0869d2a4.js';
+import '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';

package/dist/esm/components/or-drawer-v3/index.js

@@ -1,6 +1,6 @@
 import { onClickOutside, useSwipe, SwipeDirection } from '@vueuse/core';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { t as te } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { X } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrOverlayV3 as OrOverlay } from '../or-overlay-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
@@ -82,7 +82,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = te(toRef(props, 'isOpen'), context.emit);
+    } = X(toRef(props, 'isOpen'), context.emit);
     // eslint-disable-next-line vue/return-in-computed-property
     const transform = computed(() => {
       switch (props.placement) {

package/dist/esm/components/or-drop-area-v3/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { a as re, n as ne } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { e as ee, t as te } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
@@ -142,7 +142,7 @@ var script = defineComponent({
     const textEmphasisStyles = computed(() => [...DropAreaTextEmphasis]);
     const constraintsStyles = computed(() => [...DropAreaConstraints]);
     // State
-    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = ee(toRef(props, 'modelValue'), context.emit);
     const accept = computed(() => {
       if (!props.fileTypes || !Array.isArray(props.fileTypes)) return '';
       return props.fileTypes.join(',');
@@ -184,7 +184,7 @@ var script = defineComponent({
     const {
       isDesktop,
       isMobile
-    } = ne();
+    } = te();
     return {
       root,
       rootStyles,