@onereach/ui-components 20.2.0-beta.5174.0 → 20.2.0-beta.5175.0

package/dist/esm/components/{OrAutocompleteV3-185df151.js → OrAutocompleteV3-8ae7c045.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 L$2 from '@onereach/styles/tailwind.config.json';
+import Y$1 from '@onereach/styles/screens.json';
+import V$1 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$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$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) => {
   const e = {
     top: 0,
     left: 0
@@ -63,14 +64,14 @@ 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 {
@@ -107,14 +108,14 @@ function l$1(e) {
 const isVue3 = true;
 const isVue2 = !isVue3;
 
-const k$1 = () => {
+const G$1 = () => {
   const e = useAttrs();
   return {
     readonly: computed(() => e.readonly),
     disabled: computed(() => e.disabled),
     "force-state": computed(() => e["force-state"])
   };
-}, 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, {
+}, 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, {
   dateStyle: e.value,
   timeZone: "UTC"
 }).formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((r, n) => {
@@ -137,28 +138,28 @@ const k$1 = () => {
     default:
       return r + n.value;
   }
-}, "") : e.value(void 0, t.value)), K$1 = (e, t) => {
-  const o = isRef(e) ? e : ref(e), r = isRef(t) ? t : ref();
+}, "") : e.value(void 0, t.value)), N$1 = (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$1(a)) + 1);
   }
-  watch([o, r], ([a]) => {
-    a && n(a);
+  watch([s, r], ([a]) => {
+    a && A(() => n(a));
   }, { immediate: !0 });
-}, N$1 = () => {
+}, X$1 = () => {
   const e = useAttrs(), t = getCurrentInstance();
   return computed(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
-}, 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() {
+}, 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() {
     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 ? (o && f.style.setProperty("visibility", "hidden"), {
+        return D + I > w + A + r ? (s && f.style.setProperty("visibility", "hidden"), {
           innerItems: m,
           outerItems: [...y, f]
-        }) : (o && f.style.removeProperty("visibility"), {
+        }) : (s && f.style.removeProperty("visibility"), {
           innerItems: [...m, f],
           outerItems: y
         });
@@ -170,20 +171,20 @@ const k$1 = () => {
     } else
       a.value = [], l.value = [];
   }
-  return watch(n, s, {
+  return watch(n, o, {
     immediate: !0
-  }), useMutationObserver(n, s, {
+  }), useMutationObserver(n, o, {
     childList: !0
-  }), useResizeObserver(n, () => A(s)), {
+  }), useResizeObserver(n, () => b$1(o)), {
     innerItems: a,
     outerItems: l
   };
-}, te = (e, t, o = {}) => {
+}, re = (e, t, s = {}) => {
   const r = ref(e.value ? "open" : "closed");
   watch(e, (i) => {
     r.value = i ? "open" : "closed";
   });
-  const n = refDebounced(r, o.debounce ?? 0);
+  const n = refDebounced(r, s.debounce ?? 0);
   watch(n, (i) => {
     switch (t("update:state", i), i) {
       case "open":
@@ -200,18 +201,18 @@ const k$1 = () => {
   function l() {
     r.value = "closed";
   }
-  function s() {
+  function o() {
     r.value = r.value === "open" ? "closed" : "open";
   }
   return {
     state: n,
     open: a,
     close: l,
-    toggle: s
+    toggle: o
   };
 };
-function re(e, t, o = {}) {
-  const { defaultValue: r } = o;
+function ne(e, t, s = {}) {
+  const { defaultValue: r } = s;
   return r ? computed({
     get: () => e.value ?? r.value,
     set: (n) => {
@@ -224,30 +225,30 @@ function re(e, t, o = {}) {
     }
   });
 }
-function ne(e) {
-  const t = getCurrentInstance(), o = ref();
-  e ? watch(e, (s) => {
-    o.value = s;
+function ue(e) {
+  const t = getCurrentInstance(), s = ref();
+  e ? watch(e, (o) => {
+    s.value = o;
   }) : onMounted(() => {
     if (t) {
-      const s = t.vnode["el" ];
-      s instanceof Element && (o.value = s);
+      const o = t.vnode["el" ];
+      o instanceof Element && (s.value = o);
     }
   });
-  const r = computed(() => l(o.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${O.md})`);
-  function l(s) {
+  const r = computed(() => l(s.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${Y$1.md})`);
+  function l(o) {
     var d;
-    if (!s)
+    if (!o)
       return !1;
-    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);
+    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);
   }
   return {
     isDesktop: r,
     isMobile: n
   };
 }
-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, {
+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, {
   timeStyle: "short",
   hourCycle: e.value !== h$1.Auto ? e.value : void 0,
   timeZone: "UTC"
@@ -263,9 +264,9 @@ const ue = () => L$2.theme, oe = (e) => computed(() => e.value ?? inject(q$1, h$
       return r + n.value;
   }
 }, "") : e.value(void 0, t.value));
-function ae(e = !1) {
+function ie(e = !1) {
   const t = ref(e);
-  function o() {
+  function s() {
     t.value = !0;
   }
   function r() {
@@ -276,12 +277,12 @@ function ae(e = !1) {
   }
   return {
     isActiveToggle: t,
-    show: o,
+    show: s,
     hide: r,
     toggle: n
   };
 }
-const ie = () => {
+const le = () => {
   const e = useAttrs();
   return {
     required: computed(() => e.required),
@@ -544,9 +545,9 @@ var script = defineComponent({
   expose: ['root', 'popover', 'popoverState', 'reset', 'clear', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: N$1(),
-      ...k$1(),
-      ...ie()
+      id: X$1(),
+      ...G$1(),
+      ...le()
     });
     // Refs
     const root = ref();
@@ -580,7 +581,7 @@ var script = defineComponent({
     // Helpers
     const {
       isMobile
-    } = ne();
+    } = ue();
     // Styles
     const rootStyles = computed(() => ['or-autocomplete-v3', ...Autocomplete, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const controlStyles = computed(() => [...AutocompleteControl]);
@@ -593,7 +594,7 @@ var script = defineComponent({
     const loaderContainerStyles = computed(() => [...AutocompleteLoaderContainer]);
     const boxOpenStyles = computed(() => [...(popoverState.value === 'open' && !isMobile.value ? popoverFlipped.value ? AutocompleteInputBoxOpenFlipped : AutocompleteInputBoxOpen : [])]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ne(toRef(props, 'modelValue'), context.emit);
     const searchText = ref();
     const filteredItems = computedAsync(async () => {
       return searchText.value ? (await props.searchFunction(searchText.value, props.items)).filter(item => {
@@ -918,4 +919,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, 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, w$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, 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, _$1 as aN, l$1 as aO, B$1 as aP, R$1 as aQ, E$1 as aR, Is as aS, P as aT, I as aU, Bs as aV, L as aW, f 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, x$1 as b0, q$2 as b1, b$1 as b2, T$1 as b3, A as b4, Ls as b5, h as b6, F$1 as b7, L$1 as b8, z$1 as b9, ae as ba, 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 };
+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, f 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 };

package/dist/esm/components/{OrEditorTabsV3-23f90ea5.js → OrEditorTabsV3-c242d30f.js}

@@ -1,4 +1,4 @@
-import { b as i, l as isVue2, r as re, T, n as ne } from './OrAutocompleteV3-185df151.js';
+import { c as i, m as isVue2, n as ne, T, u as ue } from './OrAutocompleteV3-8ae7c045.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 = re(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = ne(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
-    } = ne();
+    } = ue();
     // Effects
     watch(() => props.items, items => {
       if (items.length === 1) {

package/dist/esm/components/{OrInlineInputV3-3da7f57b.js → OrInlineInputV3-5e396fd1.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 { N, k, c as ie, r as re } from './OrAutocompleteV3-185df151.js';
+import { b as X, G, l as le, n as ne } from './OrAutocompleteV3-8ae7c045.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: N(),
-      ...k(),
-      ...ie()
+      id: X(),
+      ...G(),
+      ...le()
     });
     // 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 = re(toRef(props, 'modelValue'), context.emit);
+    const model = ne(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-185df151.js';
+export { w as OrAutocompleteV3 } from './OrAutocompleteV3-8ae7c045.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-23f90ea5.js';
+export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-c242d30f.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-3da7f57b.js';
+export { I as InlineInputType, a as OrInlineInputV3 } from './OrInlineInputV3-5e396fd1.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-185df151.js';
+export { w as OrAutocompleteV3 } from '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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-185df151.js';
+import { X, D } from '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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-185df151.js';
+import { s as se, r as re } from '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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 = ue();
+  const theme = se();
   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
-    } = te(isOpen, context.emit);
+    } = re(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-185df151.js';
+import '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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-185df151.js';
+import { i as isVue3 } from '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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-185df151.js';
+import '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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-185df151.js';
+import { n as ne } from '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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 = re(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = ne(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, r as re } from '../OrAutocompleteV3-185df151.js';
+import { a as i, n as ne } from '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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 = re(modelValue, context.emit);
+    const proxyModelValue = ne(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 { N, k, r as re, e, b as i, $ as $s, d as ds } from '../OrAutocompleteV3-185df151.js';
+import { b as X, G, n as ne, e, c as i, $ as $s, d as ds } from '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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: N(),
-      ...k()
+      id: X(),
+      ...G()
     });
     // Refs & Styles
     const root = ref();
@@ -120,7 +120,7 @@ var script = defineComponent({
     const control = ref();
     const controlStyles = computed(() => [...CheckboxControl, ...CheckboxControlHandle]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ne(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 { N, k, c as ie, r as re, u as ue } from '../OrAutocompleteV3-185df151.js';
+import { b as X, G, l as le, n as ne, s as se } from '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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: N(),
-      ...k(),
-      ...ie()
+      id: X(),
+      ...G(),
+      ...le()
     });
-    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = ne(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 = ue();
+    const theme = se();
     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 { t as te } from '../OrAutocompleteV3-185df151.js';
+import { r as re } from '../OrAutocompleteV3-8ae7c045.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-3da7f57b.js';
+import '../OrInlineInputV3-5e396fd1.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
-    } = te(toRef(props, 'isOpen'), context.emit);
+    } = re(toRef(props, 'isOpen'), context.emit);
     const isInputActive = ref(false);
     const confirmationValue = ref('');
     watch(state, () => {