@onereach/ui-components-common 20.2.0-beta.5173.0 → 20.2.0-beta.5175.0

package/dist/{dom-CwV-xS38.js → dom-DzNS5tBj.js}

@@ -1,22 +1,23 @@
 import r from "lodash/get";
 import n from "lodash/isElement";
-const s = typeof window < "u" ? window : null, g = (s == null ? void 0 : s.MutationObserver) || (s == null ? void 0 : s.WebKitMutationObserver) || (s == null ? void 0 : s.MozMutationObserver) || null, A = ((s == null ? void 0 : s.requestAnimationFrame) || (s == null ? void 0 : s.webkitRequestAnimationFrame) || (s == null ? void 0 : s.mozRequestAnimationFrame) || (s == null ? void 0 : s.msRequestAnimationFrame) || (s == null ? void 0 : s.oRequestAnimationFrame) || // Fallback, but not a true polyfill
+const s = typeof window < "u" ? window : null, g = (s == null ? void 0 : s.MutationObserver) || (s == null ? void 0 : s.WebKitMutationObserver) || (s == null ? void 0 : s.MozMutationObserver) || null, b = ((s == null ? void 0 : s.requestAnimationFrame) || (s == null ? void 0 : s.webkitRequestAnimationFrame) || (s == null ? void 0 : s.mozRequestAnimationFrame) || (s == null ? void 0 : s.msRequestAnimationFrame) || (s == null ? void 0 : s.oRequestAnimationFrame) || // Fallback, but not a true polyfill
 // Only needed for Opera Mini
-((t) => setTimeout(t, 16))).bind(s), y = ((s == null ? void 0 : s.cancelAnimationFrame) || (s == null ? void 0 : s.mozCancelAnimationFrame)).bind(s), b = (t) => {
+((t) => setTimeout(t, 16))).bind(s), A = ((s == null ? void 0 : s.requestIdleCallback) || // Fallback, but not a true polyfill
+((t) => setTimeout(t, 1))).bind(s), y = ((s == null ? void 0 : s.cancelAnimationFrame) || (s == null ? void 0 : s.mozCancelAnimationFrame)).bind(s), w = (t) => {
   t && t.parentNode && t.parentNode.removeChild(t);
-}, w = (t) => r(t, ["offsetHeight"], null), F = (t, e) => [...(e && n(e) ? e : document).querySelectorAll(t)], h = (t, e) => (e && n(e) ? e : document).querySelector(t) || null, v = (t, e) => t && typeof t.contains == "function" ? t.contains(e) : !1, C = (t) => document.getElementById(/^#/.test(t) ? t.slice(1) : t) || null, S = (t, e) => {
+}, C = (t) => r(t, ["offsetHeight"], null), F = (t, e) => [...(e && n(e) ? e : document).querySelectorAll(t)], h = (t, e) => (e && n(e) ? e : document).querySelector(t) || null, q = (t, e) => t && typeof t.contains == "function" ? t.contains(e) : !1, v = (t) => document.getElementById(/^#/.test(t) ? t.slice(1) : t) || null, S = (t, e) => {
   e && n(t) && t.classList && t.classList.add(e);
-}, q = (t, e) => {
+}, x = (t, e) => {
   e && n(t) && t.classList && t.classList.remove(e);
 }, E = (t, e) => e && n(t) && t.classList ? t.classList.contains(e) : !1, L = (t, e, o) => {
   e && n(t) && t.setAttribute(e, o);
-}, x = (t, e) => {
+}, M = (t, e) => {
   e && n(t) && t.removeAttribute(e);
-}, M = (t, e) => e && n(t) ? t.getAttribute(e) : null, R = (t, e) => e && n(t) ? t.hasAttribute(e) : null, z = (t, e, o) => {
+}, R = (t, e) => e && n(t) ? t.getAttribute(e) : null, T = (t, e) => e && n(t) ? t.hasAttribute(e) : null, z = (t, e, o) => {
   e && n(t) && (t.style[e] = o);
-}, T = (t, e) => {
+}, B = (t, e) => {
   e && n(t) && (t.style[e] = "");
-}, B = (t, e) => e && n(t) && t.style[e] || null, m = (t) => n(t) ? t.getBoundingClientRect() : null, c = (t) => r(s, "getComputedStyle", null) && n(t) ? getComputedStyle(t) : {}, u = (t) => {
+}, k = (t, e) => e && n(t) && t.style[e] || null, m = (t) => n(t) ? t.getBoundingClientRect() : null, c = (t) => r(s, "getComputedStyle", null) && n(t) ? getComputedStyle(t) : {}, u = (t) => {
   const e = {
     top: 0,
     left: 0
@@ -45,14 +46,14 @@ const s = typeof window < "u" ? window : null, g = (s == null ? void 0 : s.Mutat
     e = m(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(a).position === "static"; )
+    const l = t.ownerDocument;
+    let a = t.offsetParent || l.documentElement;
+    for (; a && (a === l.body || a === l.documentElement) && c(a).position === "static"; )
       a = a.parentNode;
     if (a && a !== t && a.nodeType === Node.ELEMENT_NODE) {
       o = u(a);
-      const l = c(a);
-      o.top += parseFloat(l.borderTopWidth), o.left += parseFloat(l.borderLeftWidth);
+      const f = c(a);
+      o.top += parseFloat(f.borderTopWidth), o.left += parseFloat(f.borderLeftWidth);
     }
   }
   return {
@@ -69,27 +70,28 @@ const s = typeof window < "u" ? window : null, g = (s == null ? void 0 : s.Mutat
 };
 export {
   g as M,
-  b as a,
+  A as a,
   w as b,
   y as c,
-  h as d,
-  v as e,
-  S as f,
-  C as g,
-  q as h,
-  E as i,
-  L as j,
-  x as k,
+  C as d,
+  h as e,
+  q as f,
+  v as g,
+  S as h,
+  x as i,
+  E as j,
+  L as k,
   M as l,
   R as m,
-  z as n,
-  T as o,
+  T as n,
+  z as o,
   B as p,
-  m as q,
-  A as r,
+  k as q,
+  b as r,
   F as s,
-  c as t,
-  u,
-  P as v,
-  _ as w
+  m as t,
+  c as u,
+  u as v,
+  P as w,
+  _ as x
 };

package/dist/{extractCssVarName-IHa2pGlF.js → extractCssVarName-FgXy_HI0.js}

@@ -1,4 +1,4 @@
-import "./dom-CwV-xS38.js";
+import "./dom-DzNS5tBj.js";
 import { i as O } from "./isUndefined-B5qXrATz.js";
 const R = {
   h: {

package/dist/getPageElevations-Bw0hYzn6.js

@@ -0,0 +1,19 @@
+function f(e) {
+  return e.offsetWidth > 0 && e.offsetHeight > 0;
+}
+function l(e) {
+  const i = document.body.querySelectorAll("*"), o = [];
+  for (const t of i)
+    if (!t.isEqualNode(e) && f(t)) {
+      const n = t.style;
+      if (n && n.zIndex !== "") {
+        const s = Number.parseInt(n.zIndex, 10);
+        (s || s !== 0) && o.push(s);
+      }
+    }
+  return o;
+}
+export {
+  l as g,
+  f as i
+};

package/dist/helpers.js

@@ -1,4 +1,4 @@
-import { g as s, a as t, s as m } from "./searchItemsByLabel-BhinsABA.js";
+import { g as s, a as t, s as m } from "./searchItemsByLabel-CPGAoUEr.js";
 export {
   s as getItemByValue,
   t as getItemsByValue,

package/dist/hooks.js

@@ -1,4 +1,4 @@
-import { a, b as u, c as t, d as o, e as r, f as i, g as l, h as m, i as n, j as b, k as d, l as v, m as T, u as f, n as g } from "./useValidationAttributes-BSXZbWP4.js";
+import { a, b as u, c as t, d as o, e as r, f as i, g as l, h as m, i as n, j as b, k as d, l as v, m as T, u as f, n as g } from "./useValidationAttributes-UaCQNb1-.js";
 export {
   a as useControlAttributes,
   u as useDateFormat,

package/dist/index.js

@@ -1,15 +1,15 @@
 import { D as e, a as E } from "./dropdown-open-k6cFnrqA.js";
-import { g as _, a as R, s as T } from "./searchItemsByLabel-BhinsABA.js";
-import { D as r, L as A, T as O, a as C, b as i, c as l, d as D, e as S, f as N, g as m, h as X, i as n, j as P, k as u, l as L, m as M, u as g, n as I } from "./useValidationAttributes-BSXZbWP4.js";
+import { g as _, a as R, s as T } from "./searchItemsByLabel-CPGAoUEr.js";
+import { D as r, L as A, T as C, a as O, b as i, c as l, d as D, e as S, f as N, g as m, h as X, i as n, j as u, k as P, l as L, m as M, u as g, n as I } from "./useValidationAttributes-UaCQNb1-.js";
 import { DateFormat as f, TimeFormat as p } from "./types.js";
-import { C as F, a as c, b as x, c as b, d as B, e as v, f as y, g as G, h, i as U, j as V, k, l as w, m as j, H as W, p as q, o as K, t as Y, s as z, r as Q, q as Z, n as J, P as $, Q as aa, R as sa, u as ea, S as Ea, T as ta, v as _a, W as Ra, X as Ta, w as oa, x as ra, y as Aa, V as Oa, z as Ca, A as ia, _ as la, B as Da, D as Sa, E as Na, Y as ma, F as Xa, Z as na, G as Pa, I as ua, J as La, K as Ma, U as ga, L as Ia, M as da, N as fa, O as pa, $ as Ha, am as Fa, a5 as ca, a4 as xa, a2 as ba, a9 as Ba, a6 as va, a0 as ya, a3 as Ga, aa as ha, ab as Ua, ac as Va, ad as ka, ae as wa, af as ja, ag as Wa, ah as qa, ai as Ka, aj as Ya, ak as za, a7 as Qa, a8 as Za, a1 as Ja, al as $a } from "./extractCssVarName-IHa2pGlF.js";
-import { M as ss, f as es, c as Es, e as ts, l as _s, q as Rs, g as Ts, t as os, w as rs, p as As, m as Os, i as Cs, u as is, v as ls, b as Ds, k as Ss, h as Ns, a as ms, o as Xs, r as ns, d as Ps, s as us, j as Ls, n as Ms } from "./dom-CwV-xS38.js";
-import { i as Is } from "./isUndefined-B5qXrATz.js";
-import { g as fs, i as ps } from "./getPageElevations-ZXU9P3qj.js";
+import { C as x, a as F, b as c, c as b, d as B, e as v, f as y, g as G, h, i as U, j as V, k, l as w, m as j, H as q, p as W, o as K, t as Y, s as z, r as Q, q as Z, n as J, P as $, Q as aa, R as sa, u as ea, S as Ea, T as ta, v as _a, W as Ra, X as Ta, w as oa, x as ra, y as Aa, V as Ca, z as Oa, A as ia, _ as la, B as Da, D as Sa, E as Na, Y as ma, F as Xa, Z as na, G as ua, I as Pa, J as La, K as Ma, U as ga, L as Ia, M as da, N as fa, O as pa, $ as Ha, am as xa, a5 as Fa, a4 as ca, a2 as ba, a9 as Ba, a6 as va, a0 as ya, a3 as Ga, aa as ha, ab as Ua, ac as Va, ad as ka, ae as wa, af as ja, ag as qa, ah as Wa, ai as Ka, aj as Ya, ak as za, a7 as Qa, a8 as Za, a1 as Ja, al as $a } from "./extractCssVarName-FgXy_HI0.js";
+import { M as ss, h as es, c as Es, f as ts, m as _s, t as Rs, g as Ts, u as os, x as rs, q as As, n as Cs, j as Os, v as is, w as ls, d as Ds, l as Ss, i as Ns, b as ms, p as Xs, r as ns, a as us, e as Ps, s as Ls, k as Ms, o as gs } from "./dom-DzNS5tBj.js";
+import { i as ds } from "./isUndefined-B5qXrATz.js";
+import { g as ps, i as Hs } from "./getPageElevations-Bw0hYzn6.js";
 export {
-  F as CODE_BACKSPACE,
-  c as CODE_BREAK,
-  x as CODE_DELETE,
+  x as CODE_BACKSPACE,
+  F as CODE_BREAK,
+  c as CODE_DELETE,
   b as CODE_DOWN,
   B as CODE_END,
   v as CODE_ENTER,
@@ -25,10 +25,10 @@ export {
   f as DateFormat,
   e as DropdownClose,
   E as DropdownOpen,
-  W as HSL_LIMITS,
+  q as HSL_LIMITS,
   A as LOCALE,
   ss as MutationObs,
-  q as PLACEMENT_BOTTOM_END,
+  W as PLACEMENT_BOTTOM_END,
   K as PLACEMENT_BOTTOM_START,
   Y as PLACEMENT_LEFT_END,
   z as PLACEMENT_LEFT_START,
@@ -47,8 +47,8 @@ export {
   oa as RX_EXTENSION,
   ra as RX_HASH,
   Aa as RX_HASH_ID,
-  Oa as RX_HREF,
-  Ca as RX_HTML_TAGS,
+  Ca as RX_HREF,
+  Oa as RX_HTML_TAGS,
   ia as RX_HYPHENATE,
   la as RX_LONG_COLOR,
   Da as RX_LOWER_UPPER,
@@ -57,8 +57,8 @@ export {
   ma as RX_QUERY_START,
   Xa as RX_REGEXP_REPLACE,
   na as RX_SHORT_COLOR,
-  Pa as RX_SPACES,
-  ua as RX_SPACE_SPLIT,
+  ua as RX_SPACES,
+  Pa as RX_SPACE_SPLIT,
   La as RX_STAR,
   Ma as RX_START_SPACE_WORD,
   ga as RX_TIME,
@@ -66,15 +66,15 @@ export {
   da as RX_TRIM_RIGHT,
   fa as RX_UNDERSCORE,
   pa as RX_UN_KEBAB,
-  O as TIME_FORMAT,
+  C as TIME_FORMAT,
   p as TimeFormat,
   es as addClass,
   Es as cancelAF,
   ts as contains,
   Ha as exclude,
-  Fa as extractCssVarName,
-  ca as flattenDeep,
-  xa as generateColorFromString,
+  xa as extractCssVarName,
+  Fa as flattenDeep,
+  ca as generateColorFromString,
   ba as generateHslFromString,
   Ba as getAbbreviation,
   _s as getAttr,
@@ -85,10 +85,10 @@ export {
   _ as getItemByValue,
   R as getItemsByValue,
   rs as getMaxZIndex,
-  fs as getPageElevations,
+  ps as getPageElevations,
   As as getStyle,
-  Os as hasAttr,
-  Cs as hasClass,
+  Cs as hasAttr,
+  Os as hasClass,
   ya as hexToRgb,
   Ga as hslToColorString,
   ha as include,
@@ -97,13 +97,13 @@ export {
   ka as isDescendant,
   wa as isEmpty,
   ja as isEqual,
-  Wa as isNil,
-  qa as isNull,
+  qa as isNil,
+  Wa as isNull,
   Ka as isNumber,
   Ya as isObject,
   za as isString,
-  Is as isUndefined,
-  ps as isVisible,
+  ds as isUndefined,
+  Hs as isVisible,
   Qa as normalize,
   is as offset,
   ls as position,
@@ -114,14 +114,15 @@ export {
   ms as removeNode,
   Xs as removeStyle,
   ns as requestAF,
+  us as requestIC,
   Ja as rgbToHex,
   T as searchItemsByLabel,
   Ps as select,
-  us as selectAll,
-  Ls as setAttr,
-  Ms as setStyle,
+  Ls as selectAll,
+  Ms as setAttr,
+  gs as setStyle,
   $a as toArray,
-  C as useControlAttributes,
+  O as useControlAttributes,
   i as useDateFormat,
   l as useDateMask,
   D as useElevation,
@@ -130,8 +131,8 @@ export {
   m as useOverflow,
   X as usePopoverState,
   n as useProxyModelValue,
-  P as useResponsive,
-  u as useTheme,
+  u as useResponsive,
+  P as useTheme,
   L as useTimeFormat,
   M as useTimeMask,
   g as useToggle,

package/dist/{searchItemsByLabel-BhinsABA.js → searchItemsByLabel-CPGAoUEr.js}

@@ -1,4 +1,4 @@
-import "./dom-CwV-xS38.js";
+import "./dom-DzNS5tBj.js";
 import { i as s } from "./isUndefined-B5qXrATz.js";
 const a = (t, r) => {
   const e = r.find((n) => t === n.value);

package/dist/{useValidationAttributes-BSXZbWP4.js → useValidationAttributes-UaCQNb1-.js}

@@ -1,19 +1,19 @@
 import { useAttrs as h, computed as u, inject as g, isRef as p, ref as c, watch as v, getCurrentInstance as M, onMounted as R } from "vue";
-import { DateFormat as x, TimeFormat as b } from "./types.js";
-import { r as C } from "./dom-CwV-xS38.js";
-import { g as E } from "./getPageElevations-ZXU9P3qj.js";
-import { useMutationObserver as $, useResizeObserver as F, refDebounced as S, useMediaQuery as P } from "@vueuse/core";
-import O from "@onereach/styles/screens.json";
-import { isVue3 as Y } from "@/constants";
-import L from "@onereach/styles/tailwind.config.json";
-const k = () => {
+import { DateFormat as C, TimeFormat as b } from "./types.js";
+import { a as x, r as E } from "./dom-DzNS5tBj.js";
+import { g as $ } from "./getPageElevations-Bw0hYzn6.js";
+import { useMutationObserver as F, useResizeObserver as S, refDebounced as P, useMediaQuery as O } from "@vueuse/core";
+import Y from "@onereach/styles/screens.json";
+import { isVue3 as L } from "@/constants";
+import V from "@onereach/styles/tailwind.config.json";
+const G = () => {
   const e = h();
   return {
     readonly: u(() => e.readonly),
     disabled: u(() => e.disabled),
     "force-state": u(() => e["force-state"])
   };
-}, V = Symbol(), U = Symbol(), q = Symbol(), G = (e) => u(() => e.value ?? g(V, x.Short)), J = (e, t) => u(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+}, q = Symbol(), U = Symbol(), H = Symbol(), J = (e) => u(() => e.value ?? g(q, C.Short)), K = (e, t) => u(() => 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) => {
@@ -36,28 +36,28 @@ const k = () => {
     default:
       return r + n.value;
   }
-}, "") : e.value(void 0, t.value)), K = (e, t) => {
-  const o = p(e) ? e : c(e), r = p(t) ? t : c();
+}, "") : e.value(void 0, t.value)), N = (e, t) => {
+  const s = p(e) ? e : c(e), r = p(t) ? t : c();
   function n(a) {
-    a.style.zIndex = String(Math.max(0, ...E(a)) + 1);
+    a.style.zIndex = String(Math.max(0, ...$(a)) + 1);
   }
-  v([o, r], ([a]) => {
-    a && n(a);
+  v([s, r], ([a]) => {
+    a && x(() => n(a));
   }, { immediate: !0 });
-}, N = () => {
+}, X = () => {
   const e = h(), t = M();
   return u(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
-}, X = (e) => u(() => e.value ?? g(U, navigator.language)), ee = (e, t = {}) => {
-  const { hide: o = !0, threshold: r = 0 } = t, n = p(e) ? e : c(e), a = c([]), l = c([]);
-  function s() {
+}, ee = (e) => u(() => e.value ?? g(U, navigator.language)), te = (e, t = {}) => {
+  const { hide: s = !0, threshold: r = 0 } = t, n = p(e) ? e : c(e), a = c([]), l = c([]);
+  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
         });
@@ -69,20 +69,20 @@ const k = () => {
     } else
       a.value = [], l.value = [];
   }
-  return v(n, s, {
+  return v(n, o, {
     immediate: !0
-  }), $(n, s, {
+  }), F(n, o, {
     childList: !0
-  }), F(n, () => C(s)), {
+  }), S(n, () => E(o)), {
     innerItems: a,
     outerItems: l
   };
-}, te = (e, t, o = {}) => {
+}, re = (e, t, s = {}) => {
   const r = c(e.value ? "open" : "closed");
   v(e, (i) => {
     r.value = i ? "open" : "closed";
   });
-  const n = S(r, o.debounce ?? 0);
+  const n = P(r, s.debounce ?? 0);
   v(n, (i) => {
     switch (t("update:state", i), i) {
       case "open":
@@ -99,18 +99,18 @@ const k = () => {
   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 ? u({
     get: () => e.value ?? r.value,
     set: (n) => {
@@ -123,30 +123,30 @@ function re(e, t, o = {}) {
     }
   });
 }
-function ne(e) {
-  const t = M(), o = c();
-  e ? v(e, (s) => {
-    o.value = s;
+function ue(e) {
+  const t = M(), s = c();
+  e ? v(e, (o) => {
+    s.value = o;
   }) : R(() => {
     if (t) {
-      const s = t.vnode[Y ? "el" : "elm"];
-      s instanceof Element && (o.value = s);
+      const o = t.vnode[L ? "el" : "elm"];
+      o instanceof Element && (s.value = o);
     }
   });
-  const r = u(() => l(o.value) || a.value), n = u(() => !r.value), a = P(`(min-width: ${O.md})`);
-  function l(s) {
+  const r = u(() => l(s.value) || a.value), n = u(() => !r.value), a = O(`(min-width: ${Y.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.theme, oe = (e) => u(() => e.value ?? g(q, b.Auto)), se = (e, t) => u(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+const se = () => V.theme, oe = (e) => u(() => e.value ?? g(H, b.Auto)), ae = (e, t) => u(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
   timeStyle: "short",
   hourCycle: e.value !== b.Auto ? e.value : void 0,
   timeZone: "UTC"
@@ -162,9 +162,9 @@ const ue = () => L.theme, oe = (e) => u(() => e.value ?? g(q, b.Auto)), se = (e,
       return r + n.value;
   }
 }, "") : e.value(void 0, t.value));
-function ae(e = !1) {
+function ie(e = !1) {
   const t = c(e);
-  function o() {
+  function s() {
     t.value = !0;
   }
   function r() {
@@ -175,12 +175,12 @@ function ae(e = !1) {
   }
   return {
     isActiveToggle: t,
-    show: o,
+    show: s,
     hide: r,
     toggle: n
   };
 }
-const ie = () => {
+const le = () => {
   const e = h();
   return {
     required: u(() => e.required),
@@ -193,22 +193,22 @@ const ie = () => {
   };
 };
 export {
-  V as D,
+  q as D,
   U as L,
-  q as T,
-  k as a,
-  G as b,
-  J as c,
-  K as d,
-  N as e,
-  X as f,
-  ee as g,
-  te as h,
-  re as i,
-  ne as j,
-  ue as k,
+  H as T,
+  G as a,
+  J as b,
+  K as c,
+  N as d,
+  X as e,
+  ee as f,
+  te as g,
+  re as h,
+  ne as i,
+  ue as j,
+  se as k,
   oe as l,
-  se as m,
-  ie as n,
-  ae as u
+  ae as m,
+  le as n,
+  ie as u
 };

package/dist/utils/functions/dom.d.ts

@@ -1,5 +1,6 @@
 export declare const MutationObs: MutationObserver;
 export declare const requestAF: any;
+export declare const requestIC: (((callback: IdleRequestCallback, options?: IdleRequestOptions | undefined) => number) & typeof requestIdleCallback) | ((cb: () => void) => number);
 export declare const cancelAF: any;
 export declare const removeNode: (el: HTMLElement) => void;
 export declare const reflow: (el: HTMLElement) => number | null;

package/dist/utils.js

@@ -1,12 +1,12 @@
-import { C as E, a as _, b as R, c as e, d as T, e as t, f as A, g as C, h as O, i as r, j as S, k as o, l as i, m as N, H as D, p as X, o as P, t as l, s as n, r as L, q as M, n as g, P as I, Q as H, R as m, u as c, S as d, T as f, v as B, W as x, X as F, w as G, x as b, y as p, V as U, z as u, A as h, _ as v, B as y, D as V, E as W, Y as j, F as q, Z as K, G as Y, I as k, J as w, K as z, U as Q, L as Z, M as J, N as $, O as aa, $ as sa, am as Ea, a5 as _a, a4 as Ra, a2 as ea, a9 as Ta, a6 as ta, a0 as Aa, a3 as Ca, aa as Oa, ab as ra, ac as Sa, ad as oa, ae as ia, af as Na, ag as Da, ah as Xa, ai as Pa, aj as la, ak as na, a7 as La, a8 as Ma, a1 as ga, al as Ia } from "./extractCssVarName-IHa2pGlF.js";
-import { M as ma, f as ca, c as da, e as fa, l as Ba, q as xa, g as Fa, t as Ga, w as ba, p as pa, m as Ua, i as ua, u as ha, v as va, b as ya, k as Va, h as Wa, a as ja, o as qa, r as Ka, d as Ya, s as ka, j as wa, n as za } from "./dom-CwV-xS38.js";
-import { i as Za } from "./isUndefined-B5qXrATz.js";
-import { g as $a, i as as } from "./getPageElevations-ZXU9P3qj.js";
+import { C as E, a as _, b as e, c as R, d as T, e as t, f as A, g as C, h as O, i as r, j as S, k as o, l as i, m as N, H as D, p as X, o as P, t as l, s as n, r as L, q as I, n as M, P as g, Q as H, R as m, u as c, S as d, T as f, v as x, W as B, X as F, w as G, x as b, y as p, V as u, z as U, A as h, _ as v, B as y, D as V, E as q, Y as W, F as j, Z as K, G as Y, I as k, J as w, K as z, U as Q, L as Z, M as J, N as $, O as aa, $ as sa, am as Ea, a5 as _a, a4 as ea, a2 as Ra, a9 as Ta, a6 as ta, a0 as Aa, a3 as Ca, aa as Oa, ab as ra, ac as Sa, ad as oa, ae as ia, af as Na, ag as Da, ah as Xa, ai as Pa, aj as la, ak as na, a7 as La, a8 as Ia, a1 as Ma, al as ga } from "./extractCssVarName-FgXy_HI0.js";
+import { M as ma, h as ca, c as da, f as fa, m as xa, t as Ba, g as Fa, u as Ga, x as ba, q as pa, n as ua, j as Ua, v as ha, w as va, d as ya, l as Va, i as qa, b as Wa, p as ja, r as Ka, a as Ya, e as ka, s as wa, k as za, o as Qa } from "./dom-DzNS5tBj.js";
+import { i as Ja } from "./isUndefined-B5qXrATz.js";
+import { g as as, i as ss } from "./getPageElevations-Bw0hYzn6.js";
 export {
   E as CODE_BACKSPACE,
   _ as CODE_BREAK,
-  R as CODE_DELETE,
-  e as CODE_DOWN,
+  e as CODE_DELETE,
+  R as CODE_DOWN,
   T as CODE_END,
   t as CODE_ENTER,
   A as CODE_ESC,
@@ -24,29 +24,29 @@ export {
   l as PLACEMENT_LEFT_END,
   n as PLACEMENT_LEFT_START,
   L as PLACEMENT_RIGHT_END,
-  M as PLACEMENT_RIGHT_START,
-  g as PLACEMENT_TOP_END,
-  I as PLACEMENT_TOP_START,
+  I as PLACEMENT_RIGHT_START,
+  M as PLACEMENT_TOP_END,
+  g as PLACEMENT_TOP_START,
   H as RX_ABBREVIATION_FROM_STRING,
   m as RX_ARRAY_NOTATION,
   c as RX_BV_PREFIX,
   d as RX_DATE,
   f as RX_DATE_SPLIT,
-  B as RX_DIGITS,
-  x as RX_ENCODED_COMMA,
+  x as RX_DIGITS,
+  B as RX_ENCODED_COMMA,
   F as RX_ENCODE_REVERSE,
   G as RX_EXTENSION,
   b as RX_HASH,
   p as RX_HASH_ID,
-  U as RX_HREF,
-  u as RX_HTML_TAGS,
+  u as RX_HREF,
+  U as RX_HTML_TAGS,
   h as RX_HYPHENATE,
   v as RX_LONG_COLOR,
   y as RX_LOWER_UPPER,
   V as RX_NUMBER,
-  W as RX_PLUS,
-  j as RX_QUERY_START,
-  q as RX_REGEXP_REPLACE,
+  q as RX_PLUS,
+  W as RX_QUERY_START,
+  j as RX_REGEXP_REPLACE,
   K as RX_SHORT_COLOR,
   Y as RX_SPACES,
   k as RX_SPACE_SPLIT,
@@ -63,19 +63,19 @@ export {
   sa as exclude,
   Ea as extractCssVarName,
   _a as flattenDeep,
-  Ra as generateColorFromString,
-  ea as generateHslFromString,
+  ea as generateColorFromString,
+  Ra as generateHslFromString,
   Ta as getAbbreviation,
-  Ba as getAttr,
-  xa as getBCR,
+  xa as getAttr,
+  Ba as getBCR,
   Fa as getById,
   Ga as getCS,
   ta as getHashOfString,
   ba as getMaxZIndex,
-  $a as getPageElevations,
+  as as getPageElevations,
   pa as getStyle,
-  Ua as hasAttr,
-  ua as hasClass,
+  ua as hasAttr,
+  Ua as hasClass,
   Aa as hexToRgb,
   Ca as hslToColorString,
   Oa as include,
@@ -89,22 +89,23 @@ export {
   Pa as isNumber,
   la as isObject,
   na as isString,
-  Za as isUndefined,
-  as as isVisible,
+  Ja as isUndefined,
+  ss as isVisible,
   La as normalize,
   ha as offset,
   va as position,
-  Ma as pxToRem,
+  Ia as pxToRem,
   ya as reflow,
   Va as removeAttr,
-  Wa as removeClass,
-  ja as removeNode,
-  qa as removeStyle,
+  qa as removeClass,
+  Wa as removeNode,
+  ja as removeStyle,
   Ka as requestAF,
-  ga as rgbToHex,
-  Ya as select,
-  ka as selectAll,
-  wa as setAttr,
-  za as setStyle,
-  Ia as toArray
+  Ya as requestIC,
+  Ma as rgbToHex,
+  ka as select,
+  wa as selectAll,
+  za as setAttr,
+  Qa as setStyle,
+  ga as toArray
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-common",
-  "version": "20.2.0-beta.5173.0",
+  "version": "20.2.0-beta.5175.0",
   "type": "module",
   "exports": {
     ".": {

package/src/hooks/useElevation.ts

@@ -1,6 +1,6 @@
 import { MaybeElementRef } from '@vueuse/core';
 import { isRef, Ref, ref, watch } from 'vue';
-import { getPageElevations } from '../utils';
+import { getPageElevations, requestIC } from '../utils';
 
 export const useElevation = (
   element: MaybeElementRef<HTMLElement | undefined>,
@@ -17,7 +17,7 @@ export const useElevation = (
   // Effects
   watch([elementRef, triggerRef], ([element]) => {
     if (element) {
-      setElementElevation(element as HTMLElement);
+      requestIC(() => setElementElevation(element as HTMLElement));
     }
   }, { immediate: true });
 };

package/src/utils/functions/dom.ts

@@ -20,6 +20,12 @@ export const requestAF = (
   ((cb: () => void) => setTimeout(cb, 16))
 ).bind(WINDOW);
 
+export const requestIC = (
+  WINDOW?.requestIdleCallback ||
+  // Fallback, but not a true polyfill
+  ((cb: () => void) => setTimeout(cb, 1))
+).bind(WINDOW);
+
 // eslint-disable-next-line no-unsafe-optional-chaining
 export const cancelAF = (WINDOW?.cancelAnimationFrame || (WINDOW as any)?.mozCancelAnimationFrame).bind(WINDOW);
 

package/src/utils/getPageElevations.ts

@@ -8,7 +8,7 @@ export function getPageElevations(currentElement: HTMLElement): number[] {
     if (!element.isEqualNode(currentElement) && isVisible(element as HTMLElement)) {
       const style = (element as HTMLElement).style;
       if (style && style.zIndex !== '') {
-        const zIndex = Number.parseInt(el.style.zIndex, 10);
+        const zIndex = Number.parseInt(style.zIndex, 10);
         if (zIndex || zIndex !== 0) {
           elevations.push(zIndex);
         }

package/dist/getPageElevations-ZXU9P3qj.js

@@ -1,19 +0,0 @@
-function l(e) {
-  return e.offsetWidth > 0 && e.offsetHeight > 0;
-}
-function f(e) {
-  const i = document.body.querySelectorAll("*"), n = [];
-  for (const t of i)
-    if (!t.isEqualNode(e) && l(t)) {
-      const o = t.style;
-      if (o && o.zIndex !== "") {
-        const s = Number.parseInt(el.style.zIndex, 10);
-        (s || s !== 0) && n.push(s);
-      }
-    }
-  return n;
-}
-export {
-  f as g,
-  l as i
-};