@onereach/ui-components 20.2.0-beta.5177.0 → 20.2.0-beta.5191.0

package/dist/esm/components/{OrAutocompleteV3-4ade2c81.js → OrAutocompleteV3-a5edfe9f.js}

@@ -1,7 +1,7 @@
 import { useAttrs, computed, inject, isRef, ref, watch, getCurrentInstance, onMounted, defineComponent, reactive, toRef, nextTick, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createSlots, createElementVNode, mergeProps, createVNode, Fragment, renderList, vShow } from 'vue';
 import { useMutationObserver, useResizeObserver, refDebounced, useMediaQuery, computedAsync, watchTriggerable } from '@vueuse/core';
-import Y$1 from '@onereach/styles/screens.json';
-import V$1 from '@onereach/styles/tailwind.config.json';
+import O from '@onereach/styles/screens.json';
+import L$2 from '@onereach/styles/tailwind.config.json';
 import r$1 from 'lodash/get';
 import n$1 from 'lodash/isElement';
 import { OrErrorV3 as script$1 } from './or-error-v3/index.js';
@@ -35,7 +35,7 @@ const s$1 = typeof window < "u" ? window : null, g$1 = (s$1 == null ? void 0 : s
   e && n$1(t) && (t.style[e] = o);
 }, B$1 = (t, e) => {
   e && n$1(t) && (t.style[e] = "");
-}, k$1 = (t, e) => e && n$1(t) && t.style[e] || null, m$1 = (t) => n$1(t) ? t.getBoundingClientRect() : null, c$2 = (t) => r$1(s$1, "getComputedStyle", null) && n$1(t) ? getComputedStyle(t) : {}, u = (t) => {
+}, k$2 = (t, e) => e && n$1(t) && t.style[e] || null, m$1 = (t) => n$1(t) ? t.getBoundingClientRect() : null, c$2 = (t) => r$1(s$1, "getComputedStyle", null) && n$1(t) ? getComputedStyle(t) : {}, u = (t) => {
   const e = {
     top: 0,
     left: 0
@@ -95,7 +95,7 @@ function l$1(e) {
   for (const t of s)
     if (!t.isEqualNode(e) && i$2(t)) {
       const o = getComputedStyle(t, null).getPropertyValue("z-index");
-      o !== null && o !== "auto" && n.push(o);
+      o !== null && o !== "auto" && n.push(parseInt(o));
     }
   return n;
 }
@@ -105,14 +105,14 @@ function l$1(e) {
 const isVue3 = true;
 const isVue2 = !isVue3;
 
-const G$1 = () => {
+const k$1 = () => {
   const e = useAttrs();
   return {
     readonly: computed(() => e.readonly),
     disabled: computed(() => e.disabled),
     "force-state": computed(() => e["force-state"])
   };
-}, q$1 = Symbol(), U$1 = Symbol(), H$1 = Symbol(), J$1 = (e) => computed(() => e.value ?? inject(q$1, r.Short)), K$1 = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+}, V$1 = Symbol(), U$1 = Symbol(), q$1 = Symbol(), G$1 = (e) => computed(() => e.value ?? inject(V$1, r.Short)), J$1 = (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) => {
@@ -135,28 +135,28 @@ const G$1 = () => {
     default:
       return r + n.value;
   }
-}, "") : e.value(void 0, t.value)), N$1 = (e, t) => {
-  const s = isRef(e) ? e : ref(e), r = isRef(t) ? t : ref();
+}, "") : e.value(void 0, t.value)), K$1 = (e, t) => {
+  const o = isRef(e) ? e : ref(e), r = isRef(t) ? t : ref();
   function n(a) {
     a.style.zIndex = String(Math.max(0, ...l$1(a)) + 1);
   }
-  watch([s, r], ([a]) => {
-    a && A(() => n(a));
+  watch([o, r], ([a]) => {
+    a && n(a);
   }, { immediate: !0 });
-}, X$1 = () => {
+}, N$1 = () => {
   const e = useAttrs(), t = getCurrentInstance();
   return computed(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
-}, ee = (e) => computed(() => e.value ?? inject(U$1, navigator.language)), te = (e, t = {}) => {
-  const { hide: s = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), a = ref([]), l = ref([]);
-  function o() {
+}, X$1 = (e) => computed(() => e.value ?? inject(U$1, navigator.language)), ee = (e, t = {}) => {
+  const { hide: o = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), a = ref([]), l = ref([]);
+  function s() {
     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"), {
+        return D + I > w + A + r ? (o && f.style.setProperty("visibility", "hidden"), {
           innerItems: m,
           outerItems: [...y, f]
-        }) : (s && f.style.removeProperty("visibility"), {
+        }) : (o && f.style.removeProperty("visibility"), {
           innerItems: [...m, f],
           outerItems: y
         });
@@ -168,20 +168,20 @@ const G$1 = () => {
     } else
       a.value = [], l.value = [];
   }
-  return watch(n, o, {
+  return watch(n, s, {
     immediate: !0
-  }), useMutationObserver(n, o, {
+  }), useMutationObserver(n, s, {
     childList: !0
-  }), useResizeObserver(n, () => b$1(o)), {
+  }), useResizeObserver(n, () => b$1(s)), {
     innerItems: a,
     outerItems: l
   };
-}, re = (e, t, s = {}) => {
+}, te = (e, t, o = {}) => {
   const r = ref(e.value ? "open" : "closed");
   watch(e, (i) => {
     r.value = i ? "open" : "closed";
   });
-  const n = refDebounced(r, s.debounce ?? 0);
+  const n = refDebounced(r, o.debounce ?? 0);
   watch(n, (i) => {
     switch (t("update:state", i), i) {
       case "open":
@@ -198,18 +198,18 @@ const G$1 = () => {
   function l() {
     r.value = "closed";
   }
-  function o() {
+  function s() {
     r.value = r.value === "open" ? "closed" : "open";
   }
   return {
     state: n,
     open: a,
     close: l,
-    toggle: o
+    toggle: s
   };
 };
-function ne(e, t, s = {}) {
-  const { defaultValue: r } = s;
+function re(e, t, o = {}) {
+  const { defaultValue: r } = o;
   return r ? computed({
     get: () => e.value ?? r.value,
     set: (n) => {
@@ -222,30 +222,30 @@ function ne(e, t, s = {}) {
     }
   });
 }
-function ue(e) {
-  const t = getCurrentInstance(), s = ref();
-  e ? watch(e, (o) => {
-    s.value = o;
+function ne(e) {
+  const t = getCurrentInstance(), o = ref();
+  e ? watch(e, (s) => {
+    o.value = s;
   }) : onMounted(() => {
     if (t) {
-      const o = t.vnode["el" ];
-      o instanceof Element && (s.value = o);
+      const s = t.vnode["el" ];
+      s instanceof Element && (o.value = s);
     }
   });
-  const r = computed(() => l(s.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${Y$1.md})`);
-  function l(o) {
+  const r = computed(() => l(o.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${O.md})`);
+  function l(s) {
     var d;
-    if (!o)
+    if (!s)
       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 i = (d = s.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
+    return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(s.parentElement ?? void 0);
   }
   return {
     isDesktop: r,
     isMobile: n
   };
 }
-const se = () => V$1.theme, oe = (e) => computed(() => e.value ?? inject(H$1, h$1.Auto)), ae = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+const ue = () => L$2.theme, oe = (e) => computed(() => e.value ?? inject(q$1, h$1.Auto)), se = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
   timeStyle: "short",
   hourCycle: e.value !== h$1.Auto ? e.value : void 0,
   timeZone: "UTC"
@@ -261,9 +261,9 @@ const se = () => V$1.theme, oe = (e) => computed(() => e.value ?? inject(H$1, h$
       return r + n.value;
   }
 }, "") : e.value(void 0, t.value));
-function ie(e = !1) {
+function ae(e = !1) {
   const t = ref(e);
-  function s() {
+  function o() {
     t.value = !0;
   }
   function r() {
@@ -274,12 +274,12 @@ function ie(e = !1) {
   }
   return {
     isActiveToggle: t,
-    show: s,
+    show: o,
     hide: r,
     toggle: n
   };
 }
-const le = () => {
+const ie = () => {
   const e = useAttrs();
   return {
     required: computed(() => e.required),
@@ -542,9 +542,9 @@ var script = defineComponent({
   expose: ['root', 'popover', 'popoverState', 'reset', 'clear', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: X$1(),
-      ...G$1(),
-      ...le()
+      id: N$1(),
+      ...k$1(),
+      ...ie()
     });
     // Refs
     const root = ref();
@@ -578,7 +578,7 @@ var script = defineComponent({
     // Helpers
     const {
       isMobile
-    } = ue();
+    } = ne();
     // Styles
     const rootStyles = computed(() => ['or-autocomplete-v3', ...Autocomplete, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const controlStyles = computed(() => [...AutocompleteControl]);
@@ -591,7 +591,7 @@ var script = defineComponent({
     const loaderContainerStyles = computed(() => [...AutocompleteLoaderContainer]);
     const boxOpenStyles = computed(() => [...(popoverState.value === 'open' && !isMobile.value ? popoverFlipped.value ? AutocompleteInputBoxOpenFlipped : AutocompleteInputBoxOpen : [])]);
     // State
-    const model = ne(toRef(props, 'modelValue'), context.emit);
+    const model = re(toRef(props, 'modelValue'), context.emit);
     const searchText = ref();
     const filteredItems = computedAsync(async () => {
       return searchText.value ? (await props.searchFunction(searchText.value, props.items)).filter(item => {
@@ -916,4 +916,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-autocomplete-v3/OrAutocomplete.vue";
 
-export { $s as $, F as A, B, m as C, D, G as E, Fs as F, G$1 as G, H, b as I, J$1 as J, K$1 as K, l as L, x as M, N$1 as N, j as O, K as P, q$1 as Q, r as R, R as S, T, U, V, U$1 as W, X, g$1 as Y, z as Z, _, i as a, C$1 as a$, w as a0, Q as a1, q as a2, Z as a3, Y as a4, k as a5, W as a6, C as a7, J as a8, v as a9, gs as aA, H$1 as aB, S$1 as aC, y$1 as aD, q$2 as aE, ms as aF, Ms as aG, Hs as aH, R$1 as aI, m$1 as aJ, v$1 as aK, c$2 as aL, S as aM, _$1 as aN, l$1 as aO, k$1 as aP, T$1 as aQ, E$1 as aR, Is as aS, P as aT, I as aU, Bs as aV, L as aW, i$2 as aX, c as aY, u as aZ, P$1 as a_, Ns as aa, Ss as ab, ss as ac, is as ad, ps as ae, ns as af, ts as ag, rs as ah, Xs as ai, as as aj, os as ak, N as al, es as am, cs as an, Es as ao, Ps as ap, _s as aq, g as ar, Rs as as, Ts as at, us as au, As as av, Ds as aw, fs as ax, Os as ay, Cs as az, X$1 as b, M as b0, x$1 as b1, w$1 as b2, B$1 as b3, b$1 as b4, A as b5, Ls as b6, h as b7, F$1 as b8, L$1 as b9, z$1 as ba, ie as bb, i$1 as c, ds as d, e, ee as f, s as g, c$1 as h, isVue3 as i, h$1 as j, ae as k, le as l, isVue2 as m, ne as n, oe as o, p, d as q, re as r, se as s, hs as t, ue as u, te as v, script as w, $ as x, ys as y, y as z };
+export { $s as $, F as A, B, m as C, D, G as E, Fs as F, G$1 as G, H, b as I, J$1 as J, K$1 as K, l as L, x as M, N$1 as N, j as O, K as P, V$1 as Q, r as R, R as S, T, U, V, U$1 as W, X, g$1 as Y, z as Z, _, i as a, C$1 as a$, w as a0, Q as a1, q as a2, Z as a3, Y as a4, k as a5, W as a6, C as a7, J as a8, v as a9, gs as aA, q$1 as aB, S$1 as aC, y$1 as aD, q$2 as aE, ms as aF, Ms as aG, Hs as aH, R$1 as aI, m$1 as aJ, v$1 as aK, c$2 as aL, S as aM, _$1 as aN, l$1 as aO, k$2 as aP, T$1 as aQ, E$1 as aR, Is as aS, P as aT, I as aU, Bs as aV, L as aW, i$2 as aX, c as aY, u as aZ, P$1 as a_, Ns as aa, Ss as ab, ss as ac, is as ad, ps as ae, ns as af, ts as ag, rs as ah, Xs as ai, as as aj, os as ak, N as al, es as am, cs as an, Es as ao, Ps as ap, _s as aq, g as ar, Rs as as, Ts as at, us as au, As as av, Ds as aw, fs as ax, Os as ay, Cs as az, i$1 as b, M as b0, x$1 as b1, w$1 as b2, B$1 as b3, b$1 as b4, A as b5, Ls as b6, h as b7, F$1 as b8, L$1 as b9, z$1 as ba, ae as bb, ie as c, ds as d, e, X$1 as f, c$1 as g, h$1 as h, isVue3 as i, se as j, k$1 as k, isVue2 as l, d as m, ne as n, oe as o, p, hs as q, re as r, s, te as t, ue as u, ee as v, script as w, $ as x, ys as y, y as z };

package/dist/esm/components/{OrEditorTabsV3-e93c64ac.js → OrEditorTabsV3-743f0eb4.js}

@@ -1,4 +1,4 @@
-import { c as i, m as isVue2, n as ne, T, u as ue } from './OrAutocompleteV3-4ade2c81.js';
+import { b as i, l as isVue2, r as re, T, n as ne } from './OrAutocompleteV3-a5edfe9f.js';
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createVNode, withModifiers, createCommentVNode, createElementVNode, toRef, watch, renderList, createBlock, withCtx, toDisplayString, createTextVNode } from 'vue';
 import { useScroll } from '@vueuse/core';
 import { OrIconButtonV3 as script$2 } from './or-icon-button-v3/index.js';
@@ -173,7 +173,7 @@ var script = defineComponent({
     const headerTabsStyles = computed(() => [...EditorTabsHeaderTabs, ...EditorTabsHeaderTabsOverflows[props.overflow]]);
     const contentStyles = computed(() => [...EditorTabsContent]);
     // State
-    const proxyModelValue = ne(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
     const selectedItem = computed(() => {
       return !T(proxyModelValue.value) ? a(proxyModelValue.value, props.items) : undefined;
     });
@@ -215,7 +215,7 @@ var script = defineComponent({
     const {
       isDesktop,
       isMobile
-    } = ue();
+    } = ne();
     // Effects
     watch(() => props.items, items => {
       if (items.length === 1) {

package/dist/esm/components/{OrInlineInputV3-349eb8ec.js → OrInlineInputV3-e5c2b0c8.js}

@@ -1,5 +1,5 @@
 import { defineComponent, reactive, ref, computed, toRef, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, createBlock, withModifiers, createCommentVNode, createSlots, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
-import { b as X, G, l as le, n as ne } from './OrAutocompleteV3-4ade2c81.js';
+import { N, k, c as ie, r as re } from './OrAutocompleteV3-a5edfe9f.js';
 import { InlineInputBoxSize, OrInlineInputBoxV3 as script$5 } from './or-inline-input-box-v3/index.js';
 import { OrErrorV3 as script$1 } from './or-error-v3/index.js';
 import { OrTextV3 as script$2 } from './or-text-v3/index.js';
@@ -119,9 +119,9 @@ var script = defineComponent({
   expose: ['root', 'apply', 'reset', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: X(),
-      ...G(),
-      ...le()
+      id: N(),
+      ...k(),
+      ...ie()
     });
     // Refs & Styles
     const root = ref();
@@ -130,7 +130,7 @@ var script = defineComponent({
     const controlStyles = computed(() => [...InlineInputControl]);
     const actionStyles = computed(() => [...InlineInputAction, ...InlineInputActionSizes[props.size]]);
     // State
-    const model = ne(toRef(props, 'modelValue'), context.emit);
+    const model = re(toRef(props, 'modelValue'), context.emit);
     const draft = ref(model.value);
     watch(model, value => {
       draft.value = value;

package/dist/esm/components/index.js

@@ -1,4 +1,4 @@
-export { w as OrAutocompleteV3 } from './OrAutocompleteV3-4ade2c81.js';
+export { w as OrAutocompleteV3 } from './OrAutocompleteV3-a5edfe9f.js';
 export { AvatarColor, AvatarSize, OrAvatarV3 } from './or-avatar-v3/index.js';
 export { BottomSheetVariant, OrBottomSheetV3 } from './or-bottom-sheet-v3/index.js';
 export { OrButtonGroupV3 } from './or-button-group-v3/index.js';
@@ -26,7 +26,7 @@ export { OrDateTimeFormatV3 } from './or-date-time-format-v3/index.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, OrDateTimePickerV3, formatDate, formatMobileDate, formatMobileTime, formatTime, getCurrentDate, getNextMonthDate, scrollToElementWithinContainer } from './or-date-time-picker-v3/index.js';
 export { DrawerPlacement, OrDrawerV3 } from './or-drawer-v3/index.js';
 export { DropAreaSize, OrDropAreaV3, approximateFileSize } from './or-drop-area-v3/index.js';
-export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-e93c64ac.js';
+export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-743f0eb4.js';
 export { EmptyStateSize, OrEmptyStateV3 } from './or-empty-state-v3/index.js';
 export { OrErrorTagV3 } from './or-error-tag-v3/index.js';
 export { OrErrorV3 } from './or-error-v3/index.js';
@@ -41,7 +41,7 @@ export { IconButtonColor, OrIconButtonV3 } from './or-icon-button-v3/index.js';
 export { IconSize, IconVariant, OrIconV3 } from './or-icon-v3/index.js';
 export { IndicatorColor, IndicatorSize, OrIndicatorV3 } from './or-indicator-v3/index.js';
 export { InlineInputBoxSize, OrInlineInputBoxV3 } from './or-inline-input-box-v3/index.js';
-export { I as InlineInputType, a as OrInlineInputV3 } from './OrInlineInputV3-349eb8ec.js';
+export { I as InlineInputType, a as OrInlineInputV3 } from './OrInlineInputV3-e5c2b0c8.js';
 export { OrInlineTextareaV3 } from './or-inline-textarea-v3/index.js';
 export { InputBoxDirection, InputBoxSize, InputBoxVariant, OrInputBoxV3 } from './or-input-box-v3/index.js';
 export { InputMode, InputType, OrInputV3 } from './or-input-v3/index.js';

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

@@ -1,4 +1,4 @@
-export { w as OrAutocompleteV3 } from '../OrAutocompleteV3-4ade2c81.js';
+export { w as OrAutocompleteV3 } from '../OrAutocompleteV3-a5edfe9f.js';
 import 'vue';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
@@ -17,7 +17,7 @@ import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from 'vue';
-import { X, D } from '../OrAutocompleteV3-4ade2c81.js';
+import { X, D } from '../OrAutocompleteV3-a5edfe9f.js';
 import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
@@ -17,7 +17,7 @@ import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';

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

@@ -1,6 +1,6 @@
 import { ref, unref, computed, defineComponent, toRefs, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 import { usePointerSwipe, onClickOutside } from '@vueuse/core';
-import { s as se, r as re } from '../OrAutocompleteV3-4ade2c81.js';
+import { u as ue, t as te } from '../OrAutocompleteV3-a5edfe9f.js';
 import { OrOverlayV3 as script$1 } from '../or-overlay-v3/index.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
@@ -17,7 +17,7 @@ import './index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';
@@ -37,7 +37,7 @@ var BottomSheetVariant;
 function useBottomSheetSwipeState(root, content, fullscreen, variant, close) {
   const inlineSwipingStyles = ref({});
   const skipSwipe = ref(false);
-  const theme = se();
+  const theme = ue();
   const isEventSkipped = event => {
     return variant.value === BottomSheetVariant.Basic || event.composedPath().includes(content.value) && fullscreen.value;
   };
@@ -183,7 +183,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = re(isOpen, context.emit);
+    } = te(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-button-group-v3/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { ButtonVariant, ButtonColor } from '../or-button-v3/index.js';
-import '../OrAutocompleteV3-4ade2c81.js';
+import '../OrAutocompleteV3-a5edfe9f.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, Fragment, createVNode, createBlock, createCommentVNode } from 'vue';
-import { i as isVue3 } from '../OrAutocompleteV3-4ade2c81.js';
+import { i as isVue3 } from '../OrAutocompleteV3-a5edfe9f.js';
 import { OrLoaderV3 as script$1 } from '../or-loader-v3/index.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';

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

@@ -3,7 +3,7 @@ import { OrIconButtonV3 as script$2 } from '../or-icon-button-v3/index.js';
 import { OrSortingV3 as script$3 } from '../or-sorting-v3/index.js';
 import { OrSearchV3 as script$4 } from '../or-search-v3/index.js';
 import { OrLoaderV3 as script$5 } from '../or-loader-v3/index.js';
-import '../OrAutocompleteV3-4ade2c81.js';
+import '../OrAutocompleteV3-a5edfe9f.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
@@ -13,7 +13,7 @@ import '../or-error-v3/index.js';
 import '../or-hint-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-icon-v3/index.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, toRef, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
-import { n as ne } from '../OrAutocompleteV3-4ade2c81.js';
+import { r as re } from '../OrAutocompleteV3-a5edfe9f.js';
 import { OrCheckboxTreeV3 as script$1 } from '../or-checkbox-tree-v3/index.js';
 import { OrFormGroupV3 as script$2, FormGroupDirection } from '../or-form-group-v3/index.js';
 import '@vueuse/core';
@@ -19,7 +19,7 @@ import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';
@@ -76,7 +76,7 @@ var script = defineComponent({
     }
   },
   setup(props, context) {
-    const proxyModelValue = ne(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
     return {
       proxyModelValue
     };

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

@@ -1,6 +1,6 @@
 import { defineComponent, toRefs, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, renderList } from 'vue';
 import { useToggle } from '@vueuse/core';
-import { a as i, n as ne } from '../OrAutocompleteV3-4ade2c81.js';
+import { a as i, r as re } from '../OrAutocompleteV3-a5edfe9f.js';
 import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
 import { OrCheckboxV3 as script$2 } from '../or-checkbox-v3/index.js';
 import { OrButtonV3 as script$3 } from '../or-button-v3/index.js';
@@ -19,7 +19,7 @@ import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';
@@ -104,7 +104,7 @@ var script = defineComponent({
     const childrenValues = computed(() => {
       return hasChildren.value ? extractChildrenValues(children.value) : [];
     });
-    const proxyModelValue = ne(modelValue, context.emit);
+    const proxyModelValue = re(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, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { b as X, G, n as ne, e, c as i, $ as $s, d as ds } from '../OrAutocompleteV3-4ade2c81.js';
+import { N, k, r as re, e, b as i, $ as $s, d as ds } from '../OrAutocompleteV3-a5edfe9f.js';
 import { OrLabelV3 as script$1, LabelVariant } from '../or-label-v3/index.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-loader-v3/index.js';
@@ -111,8 +111,8 @@ var script = defineComponent({
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: X(),
-      ...G()
+      id: N(),
+      ...k()
     });
     // Refs & Styles
     const root = ref();
@@ -120,7 +120,7 @@ var script = defineComponent({
     const control = ref();
     const controlStyles = computed(() => [...CheckboxControl, ...CheckboxControlHandle]);
     // State
-    const model = ne(toRef(props, 'modelValue'), context.emit);
+    const model = re(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
       if (e(model.value)) {
         if (i(props.value)) {

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

@@ -7,7 +7,7 @@ import { keymap, EditorView } from '@codemirror/view';
 export { EditorView } from '@codemirror/view';
 import { Compartment, EditorState } from '@codemirror/state';
 export { EditorState } from '@codemirror/state';
-import { b as X, G, l as le, n as ne, s as se } from '../OrAutocompleteV3-4ade2c81.js';
+import { N, k, c as ie, r as re, u as ue } from '../OrAutocompleteV3-a5edfe9f.js';
 import { basicSetup } from 'codemirror';
 import { indentWithTab } from '@codemirror/commands';
 import { OrErrorV3 as script$2 } from '../or-error-v3/index.js';
@@ -22,7 +22,7 @@ import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-icon-v3/index.js';
@@ -260,11 +260,11 @@ var script = defineComponent({
     const disabledExtensionCompartment = new Compartment();
     // State
     const controlAttributes = reactive({
-      id: X(),
-      ...G(),
-      ...le()
+      id: N(),
+      ...k(),
+      ...ie()
     });
-    const proxyModelValue = ne(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
     const getLanguageExtension = async language => {
       switch (language) {
         case CodeLanguage.HTML:
@@ -297,7 +297,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 = se();
+    const theme = ue();
     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 { defineComponent, ref, computed, toRef, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
-import { r as re } from '../OrAutocompleteV3-4ade2c81.js';
+import { t as te } from '../OrAutocompleteV3-a5edfe9f.js';
 import { OrOverlayV3 as script$1 } from '../or-overlay-v3/index.js';
 import { OrButtonV3 as script$2, ButtonColor } from '../or-button-v3/index.js';
 import { OrInputV3 as script$3 } from '../or-input-v3/index.js';
@@ -19,7 +19,7 @@ import '@floating-ui/dom';
 import '../or-bottom-sheet-v3/index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';
@@ -153,7 +153,7 @@ var script = defineComponent({
       state,
       open,
       close
-    } = re(toRef(props, 'isOpen'), context.emit);
+    } = te(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, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
-import { r as re } from '../OrAutocompleteV3-4ade2c81.js';
+import { t as te } from '../OrAutocompleteV3-a5edfe9f.js';
 import { OrMenuV3 as script$1 } from '../or-menu-v3/index.js';
 import { PopoverPlacement } from '../or-popover-v3/index.js';
 import '@vueuse/core';
@@ -14,7 +14,7 @@ import '../or-icon-v3/index.js';
 import '../or-tooltip-v3/index.js';
 import '../or-input-box-v3/index.js';
 import '../or-input-v3/index.js';
-import '../OrInlineInputV3-349eb8ec.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
 import '../or-inline-input-box-v3/index.js';
 import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';
@@ -75,7 +75,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = re(ref(false), context.emit);
+    } = te(ref(false), context.emit);
     const reference = ref();
     const triggerPoint = ref();
     // Handlers