@onereach/ui-components 20.1.2 → 20.1.3

package/dist/esm/components/{OrAutocompleteV3-8c6de221.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 O from '@onereach/styles/screens.json';
-import Y$1 from '@onereach/styles/tailwind.config.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';
@@ -18,23 +18,24 @@ import { TagsOverflow } from './or-tags-v3/index.js';
 
 var r = /* @__PURE__ */ ((u) => (u.Short = "short", u.Medium = "medium", u.Long = "long", u))(r || {}), h$1 = /* @__PURE__ */ ((u) => (u.Auto = "auto", u.H12 = "h12", u.H23 = "h23", u))(h$1 || {});
 
-const s$1 = typeof window < "u" ? window : null, g$1 = (s$1 == null ? void 0 : s$1.MutationObserver) || (s$1 == null ? void 0 : s$1.WebKitMutationObserver) || (s$1 == null ? void 0 : s$1.MozMutationObserver) || null, A = ((s$1 == null ? void 0 : s$1.requestAnimationFrame) || (s$1 == null ? void 0 : s$1.webkitRequestAnimationFrame) || (s$1 == null ? void 0 : s$1.mozRequestAnimationFrame) || (s$1 == null ? void 0 : s$1.msRequestAnimationFrame) || (s$1 == null ? void 0 : s$1.oRequestAnimationFrame) || // Fallback, but not a true polyfill
+const s$1 = typeof window < "u" ? window : null, g$1 = (s$1 == null ? void 0 : s$1.MutationObserver) || (s$1 == null ? void 0 : s$1.WebKitMutationObserver) || (s$1 == null ? void 0 : s$1.MozMutationObserver) || null, b$1 = ((s$1 == null ? void 0 : s$1.requestAnimationFrame) || (s$1 == null ? void 0 : s$1.webkitRequestAnimationFrame) || (s$1 == null ? void 0 : s$1.mozRequestAnimationFrame) || (s$1 == null ? void 0 : s$1.msRequestAnimationFrame) || (s$1 == null ? void 0 : s$1.oRequestAnimationFrame) || // Fallback, but not a true polyfill
 // Only needed for Opera Mini
-((t) => setTimeout(t, 16))).bind(s$1), y$1 = ((s$1 == null ? void 0 : s$1.cancelAnimationFrame) || (s$1 == null ? void 0 : s$1.mozCancelAnimationFrame)).bind(s$1), b$1 = (t) => {
+((t) => setTimeout(t, 16))).bind(s$1), A = ((s$1 == null ? void 0 : s$1.requestIdleCallback) || // Fallback, but not a true polyfill
+((t) => setTimeout(t, 1))).bind(s$1), y$1 = ((s$1 == null ? void 0 : s$1.cancelAnimationFrame) || (s$1 == null ? void 0 : s$1.mozCancelAnimationFrame)).bind(s$1), w$1 = (t) => {
   t && t.parentNode && t.parentNode.removeChild(t);
-}, w$1 = (t) => r$1(t, ["offsetHeight"], null), F$1 = (t, e) => [...(e && n$1(e) ? e : document).querySelectorAll(t)], h = (t, e) => (e && n$1(e) ? e : document).querySelector(t) || null, v$1 = (t, e) => t && typeof t.contains == "function" ? t.contains(e) : !1, C$1 = (t) => document.getElementById(/^#/.test(t) ? t.slice(1) : t) || null, S$1 = (t, e) => {
+}, C$1 = (t) => r$1(t, ["offsetHeight"], null), F$1 = (t, e) => [...(e && n$1(e) ? e : document).querySelectorAll(t)], h = (t, e) => (e && n$1(e) ? e : document).querySelector(t) || null, q$2 = (t, e) => t && typeof t.contains == "function" ? t.contains(e) : !1, v$1 = (t) => document.getElementById(/^#/.test(t) ? t.slice(1) : t) || null, S$1 = (t, e) => {
   e && n$1(t) && t.classList && t.classList.add(e);
-}, q$2 = (t, e) => {
+}, x$1 = (t, e) => {
   e && n$1(t) && t.classList && t.classList.remove(e);
-}, E$1 = (t, e) => e && n$1(t) && t.classList ? t.classList.contains(e) : !1, L$2 = (t, e, o) => {
+}, E$1 = (t, e) => e && n$1(t) && t.classList ? t.classList.contains(e) : !1, L$1 = (t, e, o) => {
   e && n$1(t) && t.setAttribute(e, o);
-}, x$1 = (t, e) => {
+}, M = (t, e) => {
   e && n$1(t) && t.removeAttribute(e);
-}, M = (t, e) => e && n$1(t) ? t.getAttribute(e) : null, R$1 = (t, e) => e && n$1(t) ? t.hasAttribute(e) : null, z$1 = (t, e, o) => {
+}, R$1 = (t, e) => e && n$1(t) ? t.getAttribute(e) : null, T$1 = (t, e) => e && n$1(t) ? t.hasAttribute(e) : null, z$1 = (t, e, o) => {
   e && n$1(t) && (t.style[e] = o);
-}, T$1 = (t, e) => {
+}, B$1 = (t, e) => {
   e && n$1(t) && (t.style[e] = "");
-}, B$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
@@ -63,21 +64,21 @@ const s$1 = typeof window < "u" ? window : null, g$1 = (s$1 == null ? void 0 : s
     e = m$1(t) || e;
   else {
     e = u(t);
-    const f = t.ownerDocument;
-    let a = t.offsetParent || f.documentElement;
-    for (; a && (a === f.body || a === f.documentElement) && c$2(a).position === "static"; )
+    const l = t.ownerDocument;
+    let a = t.offsetParent || l.documentElement;
+    for (; a && (a === l.body || a === l.documentElement) && c$2(a).position === "static"; )
       a = a.parentNode;
     if (a && a !== t && a.nodeType === Node.ELEMENT_NODE) {
       o = u(a);
-      const l = c$2(a);
-      o.top += parseFloat(l.borderTopWidth), o.left += parseFloat(l.borderLeftWidth);
+      const f = c$2(a);
+      o.top += parseFloat(f.borderTopWidth), o.left += parseFloat(f.borderLeftWidth);
     }
   }
   return {
     top: e.top - o.top - parseFloat(i.marginTop),
     left: e.left - o.left - parseFloat(i.marginLeft)
   };
-}, _$2 = (t) => {
+}, _$1 = (t) => {
   let e = 0;
   for (; t; ) {
     const i = c$2(t).zIndex;
@@ -86,21 +87,32 @@ const s$1 = typeof window < "u" ? window : null, g$1 = (s$1 == null ? void 0 : s
   return e;
 };
 
-const t$1 = (e) => e.getClientRects().length > 0;
+function i$2(e) {
+  return e.offsetWidth > 0 && e.offsetHeight > 0;
+}
+function l$1(e) {
+  const s = document.body.querySelectorAll("*"), n = [];
+  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(parseInt(o));
+    }
+  return n;
+}
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 const isVue3 = true;
 const isVue2 = !isVue3;
 
-const _$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(), L$1 = Symbol(), N$1 = Symbol(), k$1 = (e) => computed(() => e.value ?? inject(q$1, r.Short)), G$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) => {
@@ -123,56 +135,53 @@ const _$1 = () => {
     default:
       return r + n.value;
   }
-}, "") : e.value(void 0, t.value)), J$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) {
-    return [...document.body.querySelectorAll("*")].filter(t$1).filter((u) => !u.isEqualNode(a)).map((u) => getComputedStyle(u)).map((u) => Number(u.zIndex)).filter((u) => !isNaN(u));
-  }
-  function l(a) {
-    a.style.zIndex = String(Math.max(0, ...n(a)) + 1);
+    a.style.zIndex = String(Math.max(0, ...l$1(a)) + 1);
   }
-  watch([s, r], ([a]) => {
-    a && l(a);
+  watch([o, r], ([a]) => {
+    a && n(a);
   }, { immediate: !0 });
-}, K$1 = () => {
+}, N$1 = () => {
   const e = useAttrs(), t = getCurrentInstance();
   return computed(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
-}, X$1 = (e) => computed(() => e.value ?? inject(L$1, navigator.language)), ee = (e, t = {}) => {
-  const { hide: s = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), l = ref([]), a = ref([]);
-  function u() {
+}, 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: v, outerItems: y }, T) => {
-        const f = T, { x: D, width: I } = f.getBoundingClientRect(), { x: A, width: w } = i.getBoundingClientRect();
-        return D + I > A + w + r ? (s && f.style.setProperty("visibility", "hidden"), {
-          innerItems: v,
+      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 ? (o && f.style.setProperty("visibility", "hidden"), {
+          innerItems: m,
           outerItems: [...y, f]
-        }) : (s && f.style.removeProperty("visibility"), {
-          innerItems: [...v, f],
+        }) : (o && f.style.removeProperty("visibility"), {
+          innerItems: [...m, f],
           outerItems: y
         });
       }, {
         innerItems: [],
         outerItems: []
       });
-      l.value = d.innerItems, a.value = d.outerItems;
+      a.value = d.innerItems, l.value = d.outerItems;
     } else
-      l.value = [], a.value = [];
+      a.value = [], l.value = [];
   }
-  return watch(n, u, {
+  return watch(n, s, {
     immediate: !0
-  }), useMutationObserver(n, u, {
+  }), useMutationObserver(n, s, {
     childList: !0
-  }), useResizeObserver(n, () => A(u)), {
-    innerItems: l,
-    outerItems: a
+  }), useResizeObserver(n, () => b$1(s)), {
+    innerItems: a,
+    outerItems: l
   };
-}, te = (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":
@@ -183,24 +192,24 @@ const _$1 = () => {
         break;
     }
   });
-  function l() {
+  function a() {
     r.value = "open";
   }
-  function a() {
+  function l() {
     r.value = "closed";
   }
-  function u() {
+  function s() {
     r.value = r.value === "open" ? "closed" : "open";
   }
   return {
     state: n,
-    open: l,
-    close: a,
-    toggle: u
+    open: a,
+    close: l,
+    toggle: s
   };
 };
-function re(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) => {
@@ -214,29 +223,29 @@ function re(e, t, s = {}) {
   });
 }
 function ne(e) {
-  const t = getCurrentInstance(), s = ref();
-  e ? watch(e, (u) => {
-    s.value = u;
+  const t = getCurrentInstance(), o = ref();
+  e ? watch(e, (s) => {
+    o.value = s;
   }) : onMounted(() => {
     if (t) {
-      const u = t.vnode["el" ];
-      u instanceof Element && (s.value = u);
+      const s = t.vnode["el" ];
+      s instanceof Element && (o.value = s);
     }
   });
-  const r = computed(() => a(s.value) || l.value), n = computed(() => !r.value), l = useMediaQuery(`(min-width: ${O.md})`);
-  function a(u) {
+  const r = computed(() => l(o.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${O.md})`);
+  function l(s) {
     var d;
-    if (!u)
+    if (!s)
       return !1;
-    const i = (d = u.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
-    return i != null && i.some((v) => ["md", "lg", "xl"].includes(v)) ? !0 : a(u.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 ue = () => Y$1.theme, oe = (e) => computed(() => e.value ?? inject(N$1, h$1.Auto)), se = (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"
@@ -254,7 +263,7 @@ const ue = () => Y$1.theme, oe = (e) => computed(() => e.value ?? inject(N$1, h$
 }, "") : e.value(void 0, t.value));
 function ae(e = !1) {
   const t = ref(e);
-  function s() {
+  function o() {
     t.value = !0;
   }
   function r() {
@@ -265,7 +274,7 @@ function ae(e = !1) {
   }
   return {
     isActiveToggle: t,
-    show: s,
+    show: o,
     hide: r,
     toggle: n
   };
@@ -533,8 +542,8 @@ var script = defineComponent({
   expose: ['root', 'popover', 'popoverState', 'reset', 'clear', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: K$1(),
-      ..._$1(),
+      id: N$1(),
+      ...k$1(),
       ...ie()
     });
     // Refs
@@ -907,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 $, y as A, B, F as C, D, m as E, Fs as F, G$1 as G, H, G as I, J$1 as J, K$1 as K, b as L, l as M, x as N, j as O, K as P, q$1 as Q, r as R, R as S, T, U, V, L$1 as W, X, g$1 as Y, z as Z, _$1 as _, i as a, x$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, N$1 as aB, S$1 as aC, y$1 as aD, v$1 as aE, ms as aF, Ms as aG, Hs as aH, M as aI, m$1 as aJ, C$1 as aK, c$2 as aL, S as aM, _$2 as aN, B$1 as aO, R$1 as aP, E$1 as aQ, Is as aR, P as aS, I as aT, Bs as aU, L as aV, t$1 as aW, c as aX, u as aY, P$1 as aZ, w$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, q$2 as b0, b$1 as b1, T$1 as b2, A as b3, Ls as b4, h as b5, F$1 as b6, L$2 as b7, z$1 as b8, ae as b9, 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, _ as w, script as x, ys as 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-7f1eb4be.js → OrEditorTabsV3-743f0eb4.js}

@@ -1,4 +1,4 @@
-import { b as i, l as isVue2, r as re, T, n as ne } from './OrAutocompleteV3-8c6de221.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';

package/dist/esm/components/{OrInlineInputV3-061441a3.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 { K, _, c as ie, r as re } from './OrAutocompleteV3-8c6de221.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,8 +119,8 @@ var script = defineComponent({
   expose: ['root', 'apply', 'reset', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: K(),
-      ..._(),
+      id: N(),
+      ...k(),
       ...ie()
     });
     // Refs & Styles

package/dist/esm/components/index.js

@@ -1,4 +1,4 @@
-export { x as OrAutocompleteV3 } from './OrAutocompleteV3-8c6de221.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-7f1eb4be.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-061441a3.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 { x as OrAutocompleteV3 } from '../OrAutocompleteV3-8c6de221.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-061441a3.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-8c6de221.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-061441a3.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 { u as ue, t as te } from '../OrAutocompleteV3-8c6de221.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-061441a3.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-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-8c6de221.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-061441a3.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-8c6de221.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-061441a3.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-8c6de221.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-061441a3.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 { r as re } from '../OrAutocompleteV3-8c6de221.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-061441a3.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-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, r as re } from '../OrAutocompleteV3-8c6de221.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-061441a3.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-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 { K, _, r as re, e, b as i, $ as $s, d as ds } from '../OrAutocompleteV3-8c6de221.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-061441a3.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: K(),
-      ..._()
+      id: N(),
+      ...k()
     });
     // Refs & Styles
     const root = ref();

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 { K, _, c as ie, r as re, u as ue } from '../OrAutocompleteV3-8c6de221.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-061441a3.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,8 +260,8 @@ var script = defineComponent({
     const disabledExtensionCompartment = new Compartment();
     // State
     const controlAttributes = reactive({
-      id: K(),
-      ..._(),
+      id: N(),
+      ...k(),
       ...ie()
     });
     const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);

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 { t as te } from '../OrAutocompleteV3-8c6de221.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-061441a3.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-context-menu-v3/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, toRefs, watch, ref, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
-import { t as te } from '../OrAutocompleteV3-8c6de221.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-061441a3.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-data-grid-v3/index.js

@@ -14,7 +14,7 @@ import { OrPaginationV3 as script$p } from '../or-pagination-v3/index.js';
 import { OrSearchV3 as script$q } from '../or-search-v3/index.js';
 import { OrSkeletonTextV3 as script$r } from '../or-skeleton-v3/index.js';
 import { OrNotificationV3 as script$s } from '../or-notification-v3/index.js';
-import '../OrAutocompleteV3-8c6de221.js';
+import '../OrAutocompleteV3-a5edfe9f.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
@@ -29,7 +29,7 @@ import '../or-bottom-sheet-v3/index.js';
 import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import '../or-input-box-v3/index.js';
-import '../OrInlineInputV3-061441a3.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';
@@ -39,7 +39,7 @@ import '../or-tags-v3/index.js';
 import '../or-button-v3/index.js';
 import '../or-tag-v3/index.js';
 import '../or-menu-v3/index.js';
-import '../OrEditorTabsV3-7f1eb4be.js';
+import '../OrEditorTabsV3-743f0eb4.js';
 import '../or-expansion-panel-v3/index.js';
 import 'lodash/range';
 import '../or-indicator-v3/index.js';
@@ -1111,7 +1111,9 @@ var script = defineComponent({
     }
     // Helpers
     function scrollTo(event) {
-      event.currentTarget.scrollIntoView();
+      event.currentTarget.scrollIntoView({
+        block: 'nearest'
+      });
     }
     return {
       root,