@onereach/ui-components-vue2 21.5.0 → 21.5.1

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

@@ -1,5 +1,5 @@
 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 { ResizeablePanelPadding, OrResizeablePanelV3 as OrResizeablePanel } from '../or-resizeable-panel-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
@@ -134,7 +134,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = te(toRef(props, 'isOpen'), context.emit);
+    } = X(toRef(props, 'isOpen'), context.emit);
     return {
       root,
       rootStyles,

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

@@ -1,6 +1,6 @@
 import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { a as SliderOrientation, S as SliderColor } from '../../types-75a1cc13.js';
 import { OrTooltipV3 as OrTooltip } from '../or-tooltip-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
@@ -273,7 +273,7 @@ var script = defineComponent({
     const labelStyles = computed(() => [...SliderLabel, ...SliderLabelOrientations[props.orientation]]);
     const labelMarkStyles = computed(() => [...SliderLabelMark, ...SliderLabelMarkOrientations[props.orientation]]);
     // State
-    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit, {
+    const proxyModelValue = ee(toRef(props, 'modelValue'), context.emit, {
       defaultValue: toRef(props, 'minValue')
     });
     const internalModelValue = computed({

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrButtonV3 as OrButton } from '../or-button-v3/index.js';
 import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
 import { OrMenuV3 as OrMenu } from '../or-menu-v3/index.js';
@@ -59,7 +59,7 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-sorting-v3', ...SortingRoot]);
     const sortLabelStyles = computed(() => [...SortingLabel]);
     // State
-    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = ee(toRef(props, 'modelValue'), context.emit);
     const sortLabel = computed(() => {
       var _a;
       return (_a = props.options.find(item => item.value === proxyModelValue.value)) === null || _a === void 0 ? void 0 : _a.label;

package/dist/esm/components/or-switch-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 { OrLoaderV3 as OrLoader } from '../or-loader-v3/index.js';
@@ -104,8 +104,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();
@@ -114,7 +114,7 @@ var script = defineComponent({
     const controlStyles = computed(() => [...SwitchControl, ...SwitchControlHandle]);
     const loaderStyles = computed(() => [...SwitchLoader, ...SwitchLoaderHandle]);
     // 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-tabs-v3/index.js

@@ -1,6 +1,6 @@
 import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
-import { a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
 import { OrMenuV3 as OrMenu } from '../or-menu-v3/index.js';
 import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3/index.js';
@@ -131,7 +131,7 @@ var script = defineComponent({
       normal: [],
       hidden: []
     });
-    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = ee(toRef(props, 'modelValue'), context.emit);
     const activeTab = computed(() => props.items.find(({
       value
     }) => value === proxyModelValue.value));

package/dist/esm/components/or-tag-input-v3/index.js

@@ -1,6 +1,6 @@
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
-import { n as ne, N, k, c as ie, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { t as te, J, Z, o as oe, e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { an as Ft, a8 as Ht, 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';
@@ -137,7 +137,7 @@ var script = defineComponent({
     } = toRefs(props);
     const {
       isMobile
-    } = ne();
+    } = te();
     // Styles
     const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const controlStyles = computed(() => [...TagInputControl]);
@@ -145,12 +145,12 @@ var script = defineComponent({
     const inputBoxStyles = computed(() => ['interactivity-select', ...props.additionalInputBoxStyles]);
     // State
     const controlAttributes = reactive({
-      id: N(),
-      ...k(),
-      ...ie()
+      id: J(),
+      ...Z(),
+      ...oe()
     });
     const activated = ref(false);
-    const proxyModelValue = re(modelValue, context.emit);
+    const proxyModelValue = ee(modelValue, context.emit);
     const draftModelValue = ref();
     const tagsItems = computed(() => {
       return Ft(proxyModelValue.value).map(item => ({

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

@@ -4,7 +4,7 @@ import { n as normalizeComponent } from '../../normalize-component-cf2db48b.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-tags-v3/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, nextTick } from 'vue-demi';
-import { e as ee } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { N } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrButtonV3 as OrButton } from '../or-button-v3/index.js';
 import { OrPopoverV3 as OrPopover } from '../or-popover-v3/index.js';
 import { OrTagV3 as OrTag } from '../or-tag-v3/index.js';
@@ -128,7 +128,7 @@ var script = defineComponent({
     // State
     const {
       innerItems
-    } = ee(container, {
+    } = N(container, {
       hide: false,
       threshold: 8
     });

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

@@ -1,6 +1,6 @@
 import { useTextareaAutosize } from '@vueuse/core';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
-import { N, k, c as ie, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { J, Z, o as oe, e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { ah as R } from '../../utils-72d9c2bb.js';
 import { b as InputBoxSize, a as InputBoxVariant } from '../../types-98e9a758.js';
 import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
@@ -104,9 +104,9 @@ var script = defineComponent({
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: N(),
-      ...k(),
-      ...ie()
+      id: J(),
+      ...Z(),
+      ...oe()
     });
     // Refs & Styles
     const root = ref();
@@ -127,7 +127,7 @@ var script = defineComponent({
       return {};
     });
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit, {
+    const model = ee(toRef(props, 'modelValue'), context.emit, {
       defaultValue: ref('')
     });
     const length = computed(() => {

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { s as se, X } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
-import { f as formatTime } from '../../formatTime-8b7e3477.js';
+import { n as ne, K } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.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';
@@ -41,8 +41,8 @@ var script = defineComponent({
     const root = ref();
     const rootStyles = computed(() => ['or-time-format-v3', ...TimeFormat]);
     // Options
-    const resolvedFormat = se(toRef(props, 'format'));
-    const resolvedLocale = X(toRef(props, 'locale'));
+    const resolvedFormat = ne(toRef(props, 'format'));
+    const resolvedLocale = K(toRef(props, 'locale'));
     return {
       root,
       rootStyles,

package/dist/esm/components/or-time-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 { s as se, X, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime } from '../../OrDateTimePickerTimeSelect-13163e60.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 OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime } from '../../OrDateTimePickerTimeSelect-cc819da2.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';
@@ -16,7 +16,7 @@ import '../../dom-qGGG2YCX-4d4cca6e.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../formatTime-8b7e3477.js';
+import '../../formatTime-df463e40.js';
 import '../or-button-v3/index.js';
 import '../../constants-2e3ea701.js';
 import '../../props-bba3dca8.js';
@@ -53,7 +53,7 @@ var script = defineComponent({
     OrPopover
   },
   directives: {
-    DropdownClose: s,
+    DropdownClose: a,
     DropdownOpen: c
   },
   model: {
@@ -145,14 +145,14 @@ var script = defineComponent({
     });
     const popoverStyles = computed(() => ['or-time-picker-popover-v3', ...TimePickerPopover]);
     // Options
-    const resolvedFormat = se(toRef(props, 'format'));
-    const resolvedLocale = X(toRef(props, 'locale'));
+    const resolvedFormat = ne(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-time-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 { s as se, X, a as re, n as ne } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { a, c } from '../../directives-0869d2a4.js';
+import { n as ne, 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 { 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 { a as InputBoxVariant } from '../../types-98e9a758.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
@@ -27,7 +27,7 @@ import 'portal-vue';
 import '../or-button-v3/index.js';
 import '../../props-bba3dca8.js';
 import '../or-loader-v3/index.js';
-import '../../formatTime-8b7e3477.js';
+import '../../formatTime-df463e40.js';
 
 const TimeRangePicker = [
 // Layout
@@ -53,7 +53,7 @@ var script = defineComponent({
     OrPopover
   },
   directives: {
-    DropdownClose: s,
+    DropdownClose: a,
     DropdownOpen: c
   },
   model: {
@@ -153,8 +153,8 @@ var script = defineComponent({
     });
     const popoverStyles = computed(() => ['or-time-range-picker-popover-v3', ...TimeRangePickerPopover]);
     // Options
-    const resolvedFormat = se(toRef(props, 'format'));
-    const resolvedLocale = X(toRef(props, 'locale'));
+    const resolvedFormat = ne(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 : getCurrentDate());
@@ -163,7 +163,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 : 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;
@@ -222,7 +222,7 @@ var script = defineComponent({
     const {
       isDesktop,
       isMobile
-    } = ne();
+    } = te();
     return {
       root,
       rootStyles,

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

@@ -4,7 +4,7 @@ import { OrLoaderV3 as OrLoader } from '../or-loader-v3/index.js';
 import { s as styleInject } from '../../style-inject.es-87955792.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import { createSharedComposable, useEventBus, useToggle, noop } from '@vueuse/core';
-import { K } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { G } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { OrTeleportV3 as OrTeleport } from '../or-teleport-v3/index.js';
 import '../../constants-2e3ea701.js';
 import '../or-icon-v3/index.js';
@@ -436,7 +436,7 @@ var script = defineComponent({
       off('toastUpdate', toastUpdate);
       off('toastCloseAll', clearAll);
     });
-    K(root, isActive);
+    G(root, isActive);
     return {
       on,
       off,

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

@@ -1,5 +1,5 @@
 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 { PopoverPlacement, OrPopoverV3 as OrPopover } from '../or-popover-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
@@ -135,7 +135,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = te(toRef(props, 'isOpen'), context.emit, {
+    } = X(toRef(props, 'isOpen'), context.emit, {
       debounce: toRef(props, 'debounce')
     });
     return {

package/dist/esm/directives-0869d2a4.js

@@ -0,0 +1,19 @@
+const o = (d, n) => {
+  d.addEventListener("keydown", (e) => {
+    ["Escape"].includes(e.key) && n.value(e);
+  });
+}, a = {
+  created: o,
+  bind: o
+}, t = (d, n) => {
+  d.addEventListener("keydown", (e) => {
+    ["Enter", " "].includes(e.key) && n.value(e);
+  }), d.addEventListener("click", (e) => {
+    e.stopPropagation(), e.preventDefault(), n.value(e);
+  });
+}, c = {
+  created: t,
+  bind: t
+};
+
+export { a, c };

package/dist/esm/{formatTime-8b7e3477.js → formatTime-df463e40.js}

@@ -1,4 +1,4 @@
-import { h } from './useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { h } from './useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 
 const formatTime = (value, format, locale) => {
   if (typeof format === 'function') {

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-export { s as DropdownClose, c as DropdownOpen } from './dropdown-open-k6cFnrqA-5245a281.js';
+export { a as DropdownClose, c as DropdownOpen } from './directives-0869d2a4.js';
 export { s as getItemByValue, m as getItemsByValue, l as searchItemsByLabel } from './helpers-368c7a99.js';
-export { V as DATE_FORMAT, r as DateFormat, U as LOCALE, q as TIME_FORMAT, h as TimeFormat, l as getPageElevations, i as isVisible, k as useControlAttributes, G as useDateFormat, J as useDateMask, K as useElevation, N as useIdAttribute, X as useLocale, e as useOverflow, t as usePopoverState, a as useProxyModelValue, n as useResponsive, u as useTheme, s as useTimeFormat, o as useTimeMask, b as useToggle, c as useValidationAttributes } from './useValidationAttributes-BpeWsfb0-24439d6f.js';
+export { L as DATE_FORMAT, r as DateFormat, U as LOCALE, V as TIME_FORMAT, h as TimeFormat, l as getPageElevations, i as isVisible, Z as useControlAttributes, _ as useDateFormat, k as useDateMask, G as useElevation, J as useIdAttribute, K as useLocale, N as useOverflow, X as usePopoverState, e as useProxyModelValue, t as useResponsive, a as useTheme, n as useTimeFormat, u as useTimeMask, s as useToggle, o as useValidationAttributes } from './useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 export { h as CODE_BACKSPACE, H as CODE_BREAK, $ as CODE_DELETE, y as CODE_DOWN, F as CODE_END, B as CODE_ENTER, m as CODE_ESC, x as CODE_HOME, G as CODE_LEFT, b as CODE_PAGEDOWN, l as CODE_PAGEUP, U as CODE_RIGHT, j as CODE_SPACE, V as CODE_UP, T as HSL_LIMITS, z as PLACEMENT_BOTTOM_END, w as PLACEMENT_BOTTOM_START, q as PLACEMENT_LEFT_END, k as PLACEMENT_LEFT_START, Z as PLACEMENT_RIGHT_END, Y as PLACEMENT_RIGHT_START, W as PLACEMENT_TOP_END, K as PLACEMENT_TOP_START, g as RX_ABBREVIATION_FROM_STRING, Q as RX_ARRAY_NOTATION, J as RX_BV_PREFIX, C as RX_DATE, N as RX_DATE_SPLIT, v as RX_DIGITS, D as RX_ENCODED_COMMA, X as RX_ENCODE_REVERSE, t as RX_EXTENSION, n as RX_HASH, r as RX_HASH_ID, i as RX_HREF, o as RX_HTML_TAGS, s as RX_HYPHENATE, a as RX_LONG_COLOR, e as RX_LOWER_UPPER, c as RX_NUMBER, E as RX_PLUS, p as RX_QUERY_START, _ as RX_REGEXP_REPLACE, d as RX_SHORT_COLOR, R as RX_SPACES, f as RX_SPACE_SPLIT, u as RX_STAR, A as RX_START_SPACE_WORD, S as RX_TIME, I as RX_TRIM_LEFT, O as RX_TRIM_RIGHT, L as RX_UNDERSCORE, M as RX_UN_KEBAB, P as exclude, a0 as extractCssVarName, a1 as flattenDeep, a2 as generateColorFromString, a3 as generateHslFromString, a4 as getAbbreviation, a5 as getHashOfString, a6 as hexToRgb, a7 as hslToColorString, a8 as include, a9 as isAncestor, aa as isArray, ab as isDescendant, ac as isEmpty, ad as isEqual, ae as isNil, af as isNull, ag as isNumber, ah as isObject, ai as isString, aj as isUndefined, ak as normalize, al as pxToRem, am as rgbToHex, an as toArray } from './utils-72d9c2bb.js';
 export { t as requestAF } from './dom-qGGG2YCX-4d4cca6e.js';
 export { OrToastContainerV3, OrToastV3, PropsV3, TypesV3, useQueueV3, useToastV3 } from './components/or-toast-v3/index.js';
@@ -30,12 +30,12 @@ export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './components/or-date-range-picker-v3/index.js';
 export { OrDateTimeFormatV3 } from './components/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 './components/or-drawer-v3/index.js';
 export { DropAreaSize, OrDropAreaV3, approximateFileSize } from './components/or-drop-area-v3/index.js';

package/dist/esm/{useValidationAttributes-BpeWsfb0-24439d6f.js → useValidationAttributes-C9_kxaDj-ee1d63dd.js}

@@ -2,7 +2,7 @@ import { useAttrs, computed, inject, isRef, ref, watch, getCurrentInstance, onMo
 import { t } from './dom-qGGG2YCX-4d4cca6e.js';
 import { useMutationObserver, useResizeObserver, refDebounced, useMediaQuery } from '@vueuse/core';
 import O from '@onereach/styles/screens.json';
-import L from '@onereach/styles/tailwind.config.json';
+import Y from '@onereach/styles/tailwind.config.json';
 
 var r = /* @__PURE__ */ ((u) => (u.Short = "short", u.Medium = "medium", u.Long = "long", u))(r || {}), h = /* @__PURE__ */ ((u) => (u.Auto = "auto", u.H12 = "h12", u.H23 = "h23", u))(h || {});
 
@@ -19,14 +19,14 @@ function l(e) {
   return n;
 }
 
-const k = () => {
+const Z = () => {
   const e = useAttrs();
   return {
     readonly: computed(() => e.readonly),
     disabled: computed(() => e.disabled),
     "force-state": computed(() => e["force-state"])
   };
-}, V = Symbol(), U = Symbol(), q = Symbol(), G = (e) => computed(() => e.value ?? inject(V, r.Short)), J = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+}, L = Symbol(), U = Symbol(), V = Symbol(), _ = (e) => computed(() => e.value ?? inject(L, r.Short)), k = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
   dateStyle: e.value,
   timeZone: "UTC"
 }).formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((r, n) => {
@@ -49,55 +49,55 @@ const k = () => {
     default:
       return r + n.value;
   }
-}, "") : e.value(void 0, t.value)), K = (e, t) => {
+}, "") : e.value(void 0, t.value)), G = (e, t) => {
   const s = isRef(e) ? e : ref(e), r = isRef(t) ? t : ref();
-  function n(a) {
-    a.style.zIndex = String(Math.max(0, ...l(a)) + 1);
+  function n(i) {
+    i.style.zIndex = String(Math.max(0, ...l(i)) + 1);
   }
-  watch([s, r], ([a]) => {
-    a && n(a);
+  watch([s, r], ([i]) => {
+    i && n(i);
   }, { immediate: !0 });
-}, N = () => {
+}, J = () => {
   const e = useAttrs(), t = getCurrentInstance();
   return computed(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
-}, X = (e) => computed(() => e.value ?? inject(U, navigator.language)), ee = (e, t$1 = {}) => {
-  const { hide: s = !0, threshold: r = 0 } = t$1, n = isRef(e) ? e : ref(e), a = ref([]), l = ref([]);
-  function o() {
-    const i = n.value;
-    if (i) {
-      const d = [...i.children].reduce(({ innerItems: m, outerItems: y }, T) => {
-        const f = T, { x: D, width: I } = f.getBoundingClientRect(), { x: w, width: A } = i.getBoundingClientRect();
-        return D + I > w + A + r ? (s && f.style.setProperty("visibility", "hidden"), {
+}, K = (e) => computed(() => e.value ?? inject(U, navigator.language)), N = (e, t$1 = {}) => {
+  const { hide: s = !0, threshold: r = 0 } = t$1, n = isRef(e) ? e : ref(e), i = ref([]), l = ref([]);
+  function a() {
+    const o = n.value;
+    if (o) {
+      const d = [...o.children].reduce(({ innerItems: m, outerItems: y }, T) => {
+        const v = T, { x: D, width: I } = v.getBoundingClientRect(), { x: w, width: A } = o.getBoundingClientRect();
+        return D + I > w + A + r ? (s && v.style.setProperty("visibility", "hidden"), {
           innerItems: m,
-          outerItems: [...y, f]
-        }) : (s && f.style.removeProperty("visibility"), {
-          innerItems: [...m, f],
+          outerItems: [...y, v]
+        }) : (s && v.style.removeProperty("visibility"), {
+          innerItems: [...m, v],
           outerItems: y
         });
       }, {
         innerItems: [],
         outerItems: []
       });
-      a.value = d.innerItems, l.value = d.outerItems;
+      i.value = d.innerItems, l.value = d.outerItems;
     } else
-      a.value = [], l.value = [];
+      i.value = [], l.value = [];
   }
-  return watch(n, o, {
+  return watch(n, a, {
     immediate: !0
-  }), useMutationObserver(n, o, {
+  }), useMutationObserver(n, a, {
     childList: !0
-  }), useResizeObserver(n, () => t(o)), {
-    innerItems: a,
+  }), useResizeObserver(n, () => t(a)), {
+    innerItems: i,
     outerItems: l
   };
-}, te = (e, t, s = {}) => {
+}, X = (e, t, s = {}) => {
   const r = ref(e.value ? "open" : "closed");
-  watch(e, (i) => {
-    r.value = i ? "open" : "closed";
+  watch(e, (o) => {
+    r.value = o ? "open" : "closed";
   });
   const n = refDebounced(r, s.debounce ?? 0);
-  watch(n, (i) => {
-    switch (t("update:state", i), i) {
+  watch(n, (o) => {
+    switch (t("update:state", o), o) {
       case "open":
         t("open");
         break;
@@ -106,23 +106,23 @@ const k = () => {
         break;
     }
   });
-  function a() {
+  function i() {
     r.value = "open";
   }
   function l() {
     r.value = "closed";
   }
-  function o() {
+  function a() {
     r.value = r.value === "open" ? "closed" : "open";
   }
   return {
     state: n,
-    open: a,
+    open: i,
     close: l,
-    toggle: o
+    toggle: a
   };
 };
-function re(e, t, s = {}) {
+function ee(e, t, s = {}) {
   const { defaultValue: r } = s;
   return r ? computed({
     get: () => e.value ?? r.value,
@@ -136,30 +136,30 @@ function re(e, t, s = {}) {
     }
   });
 }
-function ne(e) {
+function te(e) {
   const t = getCurrentInstance(), s = ref();
-  e ? watch(e, (o) => {
-    s.value = o;
+  e ? watch(e, (a) => {
+    s.value = a;
   }) : onMounted(() => {
     if (t) {
-      const o = t.vnode["elm"];
+      const a = t.vnode, o = a.el || a.elm;
       o instanceof Element && (s.value = o);
     }
   });
-  const r = computed(() => l(s.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${O.md})`);
-  function l(o) {
+  const r = computed(() => l(s.value) || i.value), n = computed(() => !r.value), i = useMediaQuery(`(min-width: ${O.md})`);
+  function l(a) {
     var d;
-    if (!o)
+    if (!a)
       return !1;
-    const i = (d = o.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
-    return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(o.parentElement ?? void 0);
+    const o = (d = a.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
+    return o != null && o.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(a.parentElement ?? void 0);
   }
   return {
     isDesktop: r,
     isMobile: n
   };
 }
-const ue = () => L.theme, se = (e) => computed(() => e.value ?? inject(q, h.Auto)), oe = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+const re = () => Y.theme, ne = (e) => computed(() => e.value ?? inject(V, h.Auto)), ue = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
   timeStyle: "short",
   hourCycle: e.value !== h.Auto ? e.value : void 0,
   timeZone: "UTC"
@@ -175,7 +175,7 @@ const ue = () => L.theme, se = (e) => computed(() => e.value ?? inject(q, h.Auto
       return r + n.value;
   }
 }, "") : e.value(void 0, t.value));
-function ae(e = !1) {
+function se(e = !1) {
   const t = ref(e);
   function s() {
     t.value = !0;
@@ -193,7 +193,7 @@ function ae(e = !1) {
     toggle: n
   };
 }
-const ie = () => {
+const oe = () => {
   const e = useAttrs();
   return {
     required: computed(() => e.required),
@@ -206,4 +206,4 @@ const ie = () => {
   };
 };
 
-export { G, J, K, N, U, V, X, re as a, ae as b, ie as c, ee as e, h, i, k, l, ne as n, oe as o, q, r, se as s, te as t, ue as u };
+export { G, J, K, L, N, U, V, X, Z, _, re as a, ee as e, h, i, k, l, ne as n, oe as o, r, se as s, te as t, ue as u };