@onereach/ui-components-common 20.7.0-beta.5326.0 → 20.7.0

package/dist/dom-DzNS5tBj.js

@@ -0,0 +1,97 @@
+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, 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), 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);
+}, 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);
+}, 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);
+}, M = (t, e) => {
+  e && n(t) && t.removeAttribute(e);
+}, 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);
+}, B = (t, e) => {
+  e && n(t) && (t.style[e] = "");
+}, 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
+  };
+  if (!n(t) || t.getClientRects().length === 0)
+    return e;
+  const o = m(t);
+  if (o) {
+    const i = t.ownerDocument.defaultView;
+    e.top = o.top + r(i, "pageYOffset", 0), e.left = o.left + r(i, "pageXOffset", 0);
+  }
+  return e;
+}, P = (t) => {
+  let e = {
+    top: 0,
+    left: 0
+  };
+  if (!n(t))
+    return e;
+  let o = {
+    top: 0,
+    left: 0
+  };
+  const i = c(t);
+  if (i.position === "fixed")
+    e = m(t) || e;
+  else {
+    e = u(t);
+    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 f = c(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)
+  };
+}, _ = (t) => {
+  let e = 0;
+  for (; t; ) {
+    const i = c(t).zIndex;
+    i !== "auto" && (e = +i > e ? +i : e), t = t.parentElement;
+  }
+  return e;
+};
+export {
+  g as M,
+  A as a,
+  w as b,
+  y as c,
+  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,
+  T as n,
+  z as o,
+  B as p,
+  k as q,
+  b as r,
+  F as s,
+  m as t,
+  c as u,
+  u as v,
+  P as w,
+  _ as x
+};

package/dist/extractCssVarName-FgXy_HI0.js

@@ -0,0 +1,160 @@
+import "./dom-DzNS5tBj.js";
+import { i as O } from "./isUndefined-B5qXrATz.js";
+const R = {
+  h: {
+    min: 0,
+    max: 360
+  },
+  s: {
+    min: 50,
+    max: 75
+  },
+  l: {
+    min: 60,
+    max: 80
+  }
+}, H = 8, $ = 19, y = 46, B = 40, F = 35, m = 13, G = 27, b = 36, U = 37, l = 34, x = 33, j = 39, K = 32, V = 38, W = "top-start", k = "top-end", w = "bottom-start", z = "bottom-end", Y = "right-start", Z = "right-end", q = "left-start", Q = "left-end", J = /\[(\d+)]/g, v = /^(BV?)/, ss = /^\d+$/, ns = /^\..+/, ts = /^#/, rs = /^#[A-Za-z]+[\w\-:.]*$/, as = /(<([^>]+)>)/gi, os = /\B([A-Z])/g, es = /([a-z])([A-Z])/g, cs = /^[0-9]*\.?[0-9]+$/, Es = /\+/g, _s = /[-/\\^$*+?.()|[\]{}]/g, Rs = /[\s\uFEFF\xA0]+/g, Ts = /\s+/, us = /\/\*$/, As = /(\s|^)(\w)/g, fs = /^\s+/, Os = /\s+$/, Cs = /_/g, gs = /-(\w)/g, C = /[\p{Alpha}\p{Nd}]+/gu, Ns = /^\d+-\d\d?-\d\d?(?:\s|T|$)/, Ss = /-|\s|T/, Ds = /^([0-1]?[0-9]|2[0-3]):[0-5]?[0-9](:[0-5]?[0-9])?$/, Xs = /^.*(#[^#]+)$/, is = /%2C/g, ps = /[!'()*]/g, Ps = /^(\?|#|&)/, g = /^#?([a-f\d])([a-f\d])([a-f\d])$/i, N = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i, ds = (s, n) => n.filter((t) => t !== s);
+function S(s) {
+  return Math.abs(
+    s.split("").reduce((n, t) => t.charCodeAt(0) + ((n << 5) - n), 0)
+  );
+}
+function c(s, n, t) {
+  return Math.floor(s % (t - n) + n);
+}
+function Is(s) {
+  s = s.replace(g, (t, r, a, o) => r + r + a + a + o + o);
+  const n = N.exec(s);
+  return n ? {
+    r: parseInt(n[1], 16),
+    g: parseInt(n[2], 16),
+    b: parseInt(n[3], 16)
+  } : null;
+}
+function E(s) {
+  const n = s.toString(16);
+  return n.length == 1 ? "0" + n : n;
+}
+function Ls(s, n, t) {
+  return "#" + E(s) + E(n) + E(t);
+}
+function D(s, n = R) {
+  const t = n != null && n.h ? [n.h.min, n.h.max] : [0, 360], r = n != null && n.s ? [n.s.min, n.s.max] : [0, 100], a = n != null && n.l ? [n.l.min, n.l.max] : [0, 100], o = S(s), u = c(o, ...t), A = c(o, ...r), f = c(o, ...a);
+  return {
+    h: u,
+    s: A,
+    l: f
+  };
+}
+function X(s) {
+  return `hsl(${s.h}, ${s.s}%, ${s.l}%)`;
+}
+function Ms(s, n = R) {
+  return X(D(s, n));
+}
+function i(s = []) {
+  return s.flatMap((n) => Array.isArray(n) ? i(n) : n);
+}
+const hs = (s) => s === 0 ? "0" : `${s / 16}rem`;
+function Hs(s, n) {
+  return typeof s != "string" || !s ? "" : (s.match(C) ?? []).reduce((t, r) => t + (+r == 0 || parseInt(r) ? parseInt(r) : r[0] || ""), "").toUpperCase().substring(0, n);
+}
+const $s = (s, n) => n.concat(s), p = (s, n) => {
+  const { parentElement: t } = n;
+  return t ? s === t ? !0 : p(s, t) : !1;
+}, e = (s) => Array.isArray(s), P = (s, n) => {
+  const { parentElement: t } = s;
+  return t ? n === t ? !0 : P(t, n) : !1;
+}, ys = (s) => T(s) ? !0 : L(s) || e(s) ? s.length === 0 : _(s) ? Object.keys(s).length === 0 : !1, d = (s, n) => {
+  if (Object.is(s, n))
+    return !0;
+  if (e(s) && e(n))
+    return s.length === n.length && s.every((t, r) => t === n[r]);
+  if (_(s) && _(n)) {
+    const t = Object.keys(s), r = Object.keys(n);
+    return d(t, r) && t.every((a) => s[a] === n[a]);
+  }
+  return !1;
+}, T = (s) => I(s) || O(s), I = (s) => s === null, Bs = (s) => typeof s == "number", _ = (s) => typeof s == "object" && (s == null ? void 0 : s.constructor) === Object, L = (s) => typeof s == "string", Fs = (s) => T(s) ? [] : e(s) ? s : [s];
+function ms(s) {
+  return s.replace(/var\((.*)\)/, (n, t) => t);
+}
+export {
+  ds as $,
+  os as A,
+  es as B,
+  H as C,
+  cs as D,
+  Es as E,
+  _s as F,
+  Rs as G,
+  R as H,
+  Ts as I,
+  us as J,
+  As as K,
+  fs as L,
+  Os as M,
+  Cs as N,
+  gs as O,
+  W as P,
+  C as Q,
+  J as R,
+  Ns as S,
+  Ss as T,
+  Ds as U,
+  Xs as V,
+  is as W,
+  ps as X,
+  Ps as Y,
+  g as Z,
+  N as _,
+  $ as a,
+  Is as a0,
+  Ls as a1,
+  D as a2,
+  X as a3,
+  Ms as a4,
+  i as a5,
+  S as a6,
+  c as a7,
+  hs as a8,
+  Hs as a9,
+  $s as aa,
+  p as ab,
+  e as ac,
+  P as ad,
+  ys as ae,
+  d as af,
+  T as ag,
+  I as ah,
+  Bs as ai,
+  _ as aj,
+  L as ak,
+  Fs as al,
+  ms as am,
+  y as b,
+  B as c,
+  F as d,
+  m as e,
+  G as f,
+  b as g,
+  U as h,
+  l as i,
+  x as j,
+  j as k,
+  K as l,
+  V as m,
+  k as n,
+  w as o,
+  z as p,
+  Y as q,
+  Z as r,
+  q as s,
+  Q as t,
+  v as u,
+  ss as v,
+  ns as w,
+  ts as x,
+  rs as y,
+  as as z
+};

package/dist/helpers.js

@@ -1,13 +1,6 @@
-import "./dom-qGGG2YCX.js";
-import { i as o } from "./isUndefined-B5qXrATz.js";
-const s = (t, r) => {
-  const e = r.find((n) => t === n.value);
-  if (o(e))
-    throw new Error("[getItemByValue]: Item not found.");
-  return e;
-}, m = (t, r) => t.map((e) => s(e, r)), l = async (t, r) => r.filter((e) => new RegExp(t, "i").test(e.label));
+import { g as s, a as t, s as m } from "./searchItemsByLabel-CPGAoUEr.js";
 export {
   s as getItemByValue,
-  m as getItemsByValue,
-  l as searchItemsByLabel
+  t as getItemsByValue,
+  m as searchItemsByLabel
 };

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-BpeWsfb0.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-w0RCHARs.js";
 export {
   a as useControlAttributes,
   u as useDateFormat,

package/dist/index.js

@@ -1,118 +1,142 @@
-import { D as _, a as s } from "./dropdown-open-k6cFnrqA.js";
-import { getItemByValue as T, getItemsByValue as a, searchItemsByLabel as t } from "./helpers.js";
-import { D as o, L as A, T as O, a as C, b as D, c as i, d as S, e as N, f as X, g as P, h as L, i as m, j as u, k as l, l as n, m as M, u as I, n as g } from "./useValidationAttributes-BpeWsfb0.js";
-import { D as H, T as F } from "./TimeFormat-CdFMIbra.js";
-import { Spacing as f } from "./types.js";
-import { CODE_BACKSPACE as b, CODE_BREAK as d, CODE_DELETE as G, CODE_DOWN as c, CODE_END as U, CODE_ENTER as V, CODE_ESC as y, CODE_HOME as h, CODE_LEFT as v, CODE_PAGEDOWN as W, CODE_PAGEUP as k, CODE_RIGHT as w, CODE_SPACE as K, CODE_UP as Y, HSL_LIMITS as j, PLACEMENT_BOTTOM_END as q, PLACEMENT_BOTTOM_START as z, PLACEMENT_LEFT_END as Q, PLACEMENT_LEFT_START as J, PLACEMENT_RIGHT_END as Z, PLACEMENT_RIGHT_START as $, PLACEMENT_TOP_END as ee, PLACEMENT_TOP_START as Ee, RX_ABBREVIATION_FROM_STRING as _e, RX_ARRAY_NOTATION as se, RX_BV_PREFIX as Re, RX_DATE as Te, RX_DATE_SPLIT as ae, RX_DIGITS as te, RX_ENCODED_COMMA as re, RX_ENCODE_REVERSE as oe, RX_EXTENSION as Ae, RX_HASH as Oe, RX_HASH_ID as Ce, RX_HREF as De, RX_HTML_TAGS as ie, RX_HYPHENATE as Se, RX_LONG_COLOR as Ne, RX_LOWER_UPPER as Xe, RX_NUMBER as Pe, RX_PLUS as Le, RX_QUERY_START as me, RX_REGEXP_REPLACE as ue, RX_SHORT_COLOR as le, RX_SPACES as ne, RX_SPACE_SPLIT as Me, RX_STAR as Ie, RX_START_SPACE_WORD as ge, RX_TIME as pe, RX_TRIM_LEFT as He, RX_TRIM_RIGHT as Fe, RX_UNDERSCORE as xe, RX_UN_KEBAB as fe, exclude as Be, extractCssVarName as be, flattenDeep as de, generateColorFromString as Ge, generateHslFromString as ce, getAbbreviation as Ue, getHashOfString as Ve, hexToRgb as ye, hslToColorString as he, include as ve, isAncestor as We, isArray as ke, isDescendant as we, isEmpty as Ke, isEqual as Ye, isNil as je, isNull as qe, isNumber as ze, isObject as Qe, isString as Je, normalize as Ze, pxToRem as $e, rgbToHex as eE, toArray as EE } from "./utils.js";
-import { r as sE } from "./dom-qGGG2YCX.js";
-import { i as TE } from "./isUndefined-B5qXrATz.js";
-import { g as tE, i as rE } from "./getPageElevations-BuZyM94T.js";
+import { D as e, a as E } from "./dropdown-open-k6cFnrqA.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 D, d as l, e as S, f as m, g as N, h as n, i as X, j as u, k as P, l as g, m as L, u as M, n as I } from "./useValidationAttributes-w0RCHARs.js";
+import { D as f, T as d } from "./TimeFormat-CdFMIbra.js";
+import { Spacing as H } from "./types.js";
+import { C as F, a as b, b as B, c as v, d as y, e as G, f as h, g as U, h as V, i as k, j as w, k as j, l as q, m as W, H as K, p as Y, o as z, t as Q, s as Z, r as J, q as $, n as aa, P as sa, Q as ea, R as Ea, u as ta, S as _a, T as Ra, v as Ta, W as oa, X as ra, w as Aa, x as Ca, y as Oa, V as ia, z as Da, A as la, _ as Sa, B as ma, D as Na, E as na, Y as Xa, F as ua, Z as Pa, G as ga, I as La, J as Ma, K as Ia, U as pa, L as fa, M as da, N as xa, O as Ha, $ as ca, am as Fa, a5 as ba, a4 as Ba, a2 as va, a9 as ya, a6 as Ga, a0 as ha, a3 as Ua, aa as Va, ab as ka, ac as wa, ad as ja, ae as qa, af as Wa, ag as Ka, ah as Ya, ai as za, aj as Qa, ak as Za, a7 as Ja, a8 as $a, a1 as as, al as ss } from "./extractCssVarName-FgXy_HI0.js";
+import { M as Es, h as ts, c as _s, f as Rs, m as Ts, t as os, g as rs, u as As, x as Cs, q as Os, n as is, j as Ds, v as ls, w as Ss, d as ms, l as Ns, i as ns, b as Xs, p as us, r as Ps, a as gs, e as Ls, s as Ms, k as Is, o as ps } from "./dom-DzNS5tBj.js";
+import { i as ds } from "./isUndefined-B5qXrATz.js";
+import { g as Hs, i as cs } from "./getPageElevations-BuZyM94T.js";
 export {
-  b as CODE_BACKSPACE,
-  d as CODE_BREAK,
-  G as CODE_DELETE,
-  c as CODE_DOWN,
-  U as CODE_END,
-  V as CODE_ENTER,
-  y as CODE_ESC,
-  h as CODE_HOME,
-  v as CODE_LEFT,
-  W as CODE_PAGEDOWN,
-  k as CODE_PAGEUP,
-  w as CODE_RIGHT,
-  K as CODE_SPACE,
-  Y as CODE_UP,
-  o as DATE_FORMAT,
-  H as DateFormat,
-  _ as DropdownClose,
-  s as DropdownOpen,
-  j as HSL_LIMITS,
+  F as CODE_BACKSPACE,
+  b as CODE_BREAK,
+  B as CODE_DELETE,
+  v as CODE_DOWN,
+  y as CODE_END,
+  G as CODE_ENTER,
+  h as CODE_ESC,
+  U as CODE_HOME,
+  V as CODE_LEFT,
+  k as CODE_PAGEDOWN,
+  w as CODE_PAGEUP,
+  j as CODE_RIGHT,
+  q as CODE_SPACE,
+  W as CODE_UP,
+  r as DATE_FORMAT,
+  f as DateFormat,
+  e as DropdownClose,
+  E as DropdownOpen,
+  K as HSL_LIMITS,
   A as LOCALE,
-  q as PLACEMENT_BOTTOM_END,
+  Es as MutationObs,
+  Y as PLACEMENT_BOTTOM_END,
   z as PLACEMENT_BOTTOM_START,
   Q as PLACEMENT_LEFT_END,
-  J as PLACEMENT_LEFT_START,
-  Z as PLACEMENT_RIGHT_END,
+  Z as PLACEMENT_LEFT_START,
+  J as PLACEMENT_RIGHT_END,
   $ as PLACEMENT_RIGHT_START,
-  ee as PLACEMENT_TOP_END,
-  Ee as PLACEMENT_TOP_START,
-  _e as RX_ABBREVIATION_FROM_STRING,
-  se as RX_ARRAY_NOTATION,
-  Re as RX_BV_PREFIX,
-  Te as RX_DATE,
-  ae as RX_DATE_SPLIT,
-  te as RX_DIGITS,
-  re as RX_ENCODED_COMMA,
-  oe as RX_ENCODE_REVERSE,
-  Ae as RX_EXTENSION,
-  Oe as RX_HASH,
-  Ce as RX_HASH_ID,
-  De as RX_HREF,
-  ie as RX_HTML_TAGS,
-  Se as RX_HYPHENATE,
-  Ne as RX_LONG_COLOR,
-  Xe as RX_LOWER_UPPER,
-  Pe as RX_NUMBER,
-  Le as RX_PLUS,
-  me as RX_QUERY_START,
-  ue as RX_REGEXP_REPLACE,
-  le as RX_SHORT_COLOR,
-  ne as RX_SPACES,
-  Me as RX_SPACE_SPLIT,
-  Ie as RX_STAR,
-  ge as RX_START_SPACE_WORD,
-  pe as RX_TIME,
-  He as RX_TRIM_LEFT,
-  Fe as RX_TRIM_RIGHT,
-  xe as RX_UNDERSCORE,
-  fe as RX_UN_KEBAB,
-  f as Spacing,
-  O as TIME_FORMAT,
-  F as TimeFormat,
-  Be as exclude,
-  be as extractCssVarName,
-  de as flattenDeep,
-  Ge as generateColorFromString,
-  ce as generateHslFromString,
-  Ue as getAbbreviation,
-  Ve as getHashOfString,
-  T as getItemByValue,
-  a as getItemsByValue,
-  tE as getPageElevations,
-  ye as hexToRgb,
-  he as hslToColorString,
-  ve as include,
-  We as isAncestor,
-  ke as isArray,
-  we as isDescendant,
-  Ke as isEmpty,
-  Ye as isEqual,
-  je as isNil,
-  qe as isNull,
-  ze as isNumber,
-  Qe as isObject,
-  Je as isString,
-  TE as isUndefined,
-  rE as isVisible,
-  Ze as normalize,
-  $e as pxToRem,
-  sE as requestAF,
-  eE as rgbToHex,
-  t as searchItemsByLabel,
-  EE as toArray,
-  C as useControlAttributes,
-  D as useDateFormat,
-  i as useDateMask,
-  S as useElevation,
-  N as useIdAttribute,
-  X as useLocale,
-  P as useOverflow,
-  L as usePopoverState,
-  m as useProxyModelValue,
+  aa as PLACEMENT_TOP_END,
+  sa as PLACEMENT_TOP_START,
+  ea as RX_ABBREVIATION_FROM_STRING,
+  Ea as RX_ARRAY_NOTATION,
+  ta as RX_BV_PREFIX,
+  _a as RX_DATE,
+  Ra as RX_DATE_SPLIT,
+  Ta as RX_DIGITS,
+  oa as RX_ENCODED_COMMA,
+  ra as RX_ENCODE_REVERSE,
+  Aa as RX_EXTENSION,
+  Ca as RX_HASH,
+  Oa as RX_HASH_ID,
+  ia as RX_HREF,
+  Da as RX_HTML_TAGS,
+  la as RX_HYPHENATE,
+  Sa as RX_LONG_COLOR,
+  ma as RX_LOWER_UPPER,
+  Na as RX_NUMBER,
+  na as RX_PLUS,
+  Xa as RX_QUERY_START,
+  ua as RX_REGEXP_REPLACE,
+  Pa as RX_SHORT_COLOR,
+  ga as RX_SPACES,
+  La as RX_SPACE_SPLIT,
+  Ma as RX_STAR,
+  Ia as RX_START_SPACE_WORD,
+  pa as RX_TIME,
+  fa as RX_TRIM_LEFT,
+  da as RX_TRIM_RIGHT,
+  xa as RX_UNDERSCORE,
+  Ha as RX_UN_KEBAB,
+  H as Spacing,
+  C as TIME_FORMAT,
+  d as TimeFormat,
+  ts as addClass,
+  _s as cancelAF,
+  Rs as contains,
+  ca as exclude,
+  Fa as extractCssVarName,
+  ba as flattenDeep,
+  Ba as generateColorFromString,
+  va as generateHslFromString,
+  ya as getAbbreviation,
+  Ts as getAttr,
+  os as getBCR,
+  rs as getById,
+  As as getCS,
+  Ga as getHashOfString,
+  _ as getItemByValue,
+  R as getItemsByValue,
+  Cs as getMaxZIndex,
+  Hs as getPageElevations,
+  Os as getStyle,
+  is as hasAttr,
+  Ds as hasClass,
+  ha as hexToRgb,
+  Ua as hslToColorString,
+  Va as include,
+  ka as isAncestor,
+  wa as isArray,
+  ja as isDescendant,
+  qa as isEmpty,
+  Wa as isEqual,
+  Ka as isNil,
+  Ya as isNull,
+  za as isNumber,
+  Qa as isObject,
+  Za as isString,
+  ds as isUndefined,
+  cs as isVisible,
+  Ja as normalize,
+  ls as offset,
+  Ss as position,
+  $a as pxToRem,
+  ms as reflow,
+  Ns as removeAttr,
+  ns as removeClass,
+  Xs as removeNode,
+  us as removeStyle,
+  Ps as requestAF,
+  gs as requestIC,
+  as as rgbToHex,
+  T as searchItemsByLabel,
+  Ls as select,
+  Ms as selectAll,
+  Is as setAttr,
+  ps as setStyle,
+  ss as toArray,
+  O as useControlAttributes,
+  i as useDateFormat,
+  D as useDateMask,
+  l as useElevation,
+  S as useIdAttribute,
+  m as useLocale,
+  N as useOverflow,
+  n as usePopoverState,
+  X as useProxyModelValue,
   u as useResponsive,
-  l as useTheme,
-  n as useTimeFormat,
-  M as useTimeMask,
-  I as useToggle,
-  g as useValidationAttributes
+  P as useTheme,
+  g as useTimeFormat,
+  L as useTimeMask,
+  M as useToggle,
+  I as useValidationAttributes
 };

package/dist/searchItemsByLabel-CPGAoUEr.js

@@ -0,0 +1,13 @@
+import "./dom-DzNS5tBj.js";
+import { i as s } from "./isUndefined-B5qXrATz.js";
+const a = (t, r) => {
+  const e = r.find((n) => t === n.value);
+  if (s(e))
+    throw new Error("[getItemByValue]: Item not found.");
+  return e;
+}, m = (t, r) => t.map((e) => a(e, r)), l = async (t, r) => r.filter((e) => new RegExp(t, "i").test(e.label));
+export {
+  m as a,
+  a as g,
+  l as s
+};

package/dist/{useValidationAttributes-BpeWsfb0.js → useValidationAttributes-w0RCHARs.js}

@@ -1,6 +1,6 @@
 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 { D as x, T as b } from "./TimeFormat-CdFMIbra.js";
-import { r as C } from "./dom-qGGG2YCX.js";
+import { r as C } from "./dom-DzNS5tBj.js";
 import { g as E } from "./getPageElevations-BuZyM94T.js";
 import { useMutationObserver as $, useResizeObserver as F, refDebounced as S, useMediaQuery as P } from "@vueuse/core";
 import O from "@onereach/styles/screens.json";

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

@@ -1 +1,31 @@
+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;
+export declare const selectAll: (selector: string, root?: HTMLElement | undefined) => Element[];
+export declare const select: (selector: string, root?: HTMLElement | undefined) => Element | null;
+export declare const contains: (parent: HTMLElement, child: HTMLElement) => boolean;
+export declare const getById: (id: string) => HTMLElement | null;
+export declare const addClass: (el: HTMLElement, className: string) => void;
+export declare const removeClass: (el: HTMLElement, className: string) => void;
+export declare const hasClass: (el: HTMLElement, className: string) => boolean;
+export declare const setAttr: (el: HTMLElement, attr: string, value: any) => void;
+export declare const removeAttr: (el: HTMLElement, attr: string) => void;
+export declare const getAttr: (el: HTMLElement, attr: string) => string | null;
+export declare const hasAttr: (el: HTMLElement, attr: string) => boolean | null;
+export declare const setStyle: (el: HTMLElement, prop: any, value: any) => void;
+export declare const removeStyle: (el: HTMLElement, prop: any) => void;
+export declare const getStyle: (el: HTMLElement, prop: any) => string | null;
+export declare const getBCR: (el: HTMLElement) => DOMRect | null;
+export declare const getCS: (el: HTMLElement) => CSSStyleDeclaration | Record<string, string>;
+export declare const offset: (el: HTMLElement) => {
+    top: number;
+    left: number;
+};
+export declare const position: (el: HTMLElement) => {
+    top: number;
+    left: number;
+};
+export declare const getMaxZIndex: (element: HTMLElement | null) => number;

package/dist/utils.js

@@ -1,165 +1,111 @@
-import { r as Gt } from "./dom-qGGG2YCX.js";
-import { i as a } from "./isUndefined-B5qXrATz.js";
-import { g as lt, i as Ut } from "./getPageElevations-BuZyM94T.js";
-const T = {
-  h: {
-    min: 0,
-    max: 360
-  },
-  s: {
-    min: 50,
-    max: 75
-  },
-  l: {
-    min: 60,
-    max: 80
-  }
-}, h = 8, H = 19, $ = 46, y = 40, F = 35, B = 13, m = 27, x = 36, G = 37, b = 34, l = 33, U = 39, j = 32, V = 38, K = "top-start", W = "top-end", w = "bottom-start", z = "bottom-end", Y = "right-start", Z = "right-end", k = "left-start", q = "left-end", Q = /\[(\d+)]/g, J = /^(BV?)/, v = /^\d+$/, tt = /^\..+/, nt = /^#/, rt = /^#[A-Za-z]+[\w\-:.]*$/, ot = /(<([^>]+)>)/gi, st = /\B([A-Z])/g, et = /([a-z])([A-Z])/g, ct = /^[0-9]*\.?[0-9]+$/, Et = /\+/g, _t = /[-/\\^$*+?.()|[\]{}]/g, Rt = /[\s\uFEFF\xA0]+/g, Tt = /\s+/, ut = /\/\*$/, At = /(\s|^)(\w)/g, ft = /^\s+/, Ot = /\s+$/, at = /_/g, gt = /-(\w)/g, g = /[\p{Alpha}\p{Nd}]+/gu, Ct = /^\d+-\d\d?-\d\d?(?:\s|T|$)/, Nt = /-|\s|T/, St = /^([0-1]?[0-9]|2[0-3]):[0-5]?[0-9](:[0-5]?[0-9])?$/, it = /^.*(#[^#]+)$/, Dt = /%2C/g, Xt = /[!'()*]/g, pt = /^(\?|#|&)/, C = /^#?([a-f\d])([a-f\d])([a-f\d])$/i, N = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i, Pt = (t, n) => n.filter((r) => r !== t);
-function S(t) {
-  return Math.abs(
-    t.split("").reduce((n, r) => r.charCodeAt(0) + ((n << 5) - n), 0)
-  );
-}
-function E(t, n, r) {
-  return Math.floor(t % (r - n) + n);
-}
-function dt(t) {
-  t = t.replace(C, (r, o, s, e) => o + o + s + s + e + e);
-  const n = N.exec(t);
-  return n ? {
-    r: parseInt(n[1], 16),
-    g: parseInt(n[2], 16),
-    b: parseInt(n[3], 16)
-  } : null;
-}
-function _(t) {
-  const n = t.toString(16);
-  return n.length == 1 ? "0" + n : n;
-}
-function It(t, n, r) {
-  return "#" + _(t) + _(n) + _(r);
-}
-function i(t, n = T) {
-  const r = n != null && n.h ? [n.h.min, n.h.max] : [0, 360], o = n != null && n.s ? [n.s.min, n.s.max] : [0, 100], s = n != null && n.l ? [n.l.min, n.l.max] : [0, 100], e = S(t), A = E(e, ...r), f = E(e, ...o), O = E(e, ...s);
-  return {
-    h: A,
-    s: f,
-    l: O
-  };
-}
-function D(t) {
-  return `hsl(${t.h}, ${t.s}%, ${t.l}%)`;
-}
-function Lt(t, n = T) {
-  return D(i(t, n));
-}
-function X(t = []) {
-  return t.flatMap((n) => Array.isArray(n) ? X(n) : n);
-}
-const Mt = (t) => t === 0 ? "0" : `${t / 16}rem`;
-function ht(t, n) {
-  return typeof t != "string" || !t ? "" : (t.match(g) ?? []).reduce((r, o) => r + (+o == 0 || parseInt(o) ? parseInt(o) : o[0] || ""), "").toUpperCase().substring(0, n);
-}
-const Ht = (t, n) => n.concat(t), p = (t, n) => {
-  const { parentElement: r } = n;
-  return r ? t === r ? !0 : p(t, r) : !1;
-}, c = (t) => Array.isArray(t), P = (t, n) => {
-  const { parentElement: r } = t;
-  return r ? n === r ? !0 : P(r, n) : !1;
-}, $t = (t) => u(t) ? !0 : L(t) || c(t) ? t.length === 0 : R(t) ? Object.keys(t).length === 0 : !1, d = (t, n) => {
-  if (Object.is(t, n))
-    return !0;
-  if (c(t) && c(n))
-    return t.length === n.length && t.every((r, o) => r === n[o]);
-  if (R(t) && R(n)) {
-    const r = Object.keys(t), o = Object.keys(n);
-    return d(r, o) && r.every((s) => t[s] === n[s]);
-  }
-  return !1;
-}, u = (t) => I(t) || a(t), I = (t) => t === null, yt = (t) => typeof t == "number", R = (t) => typeof t == "object" && (t == null ? void 0 : t.constructor) === Object, L = (t) => typeof t == "string", Ft = (t) => u(t) ? [] : c(t) ? t : [t];
-function Bt(t) {
-  return t.replace(/var\((.*)\)/, (n, r) => r);
-}
+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-BuZyM94T.js";
 export {
-  h as CODE_BACKSPACE,
-  H as CODE_BREAK,
-  $ as CODE_DELETE,
-  y as CODE_DOWN,
-  F as CODE_END,
-  B as CODE_ENTER,
-  m as CODE_ESC,
-  x as CODE_HOME,
-  G as CODE_LEFT,
-  b as CODE_PAGEDOWN,
-  l as CODE_PAGEUP,
-  U as CODE_RIGHT,
-  j as CODE_SPACE,
-  V as CODE_UP,
-  T as HSL_LIMITS,
-  z as PLACEMENT_BOTTOM_END,
-  w as PLACEMENT_BOTTOM_START,
-  q as PLACEMENT_LEFT_END,
-  k as PLACEMENT_LEFT_START,
-  Z as PLACEMENT_RIGHT_END,
-  Y as PLACEMENT_RIGHT_START,
-  W as PLACEMENT_TOP_END,
-  K as PLACEMENT_TOP_START,
-  g as RX_ABBREVIATION_FROM_STRING,
-  Q as RX_ARRAY_NOTATION,
-  J as RX_BV_PREFIX,
-  Ct as RX_DATE,
-  Nt as RX_DATE_SPLIT,
-  v as RX_DIGITS,
-  Dt as RX_ENCODED_COMMA,
-  Xt as RX_ENCODE_REVERSE,
-  tt as RX_EXTENSION,
-  nt as RX_HASH,
-  rt as RX_HASH_ID,
-  it as RX_HREF,
-  ot as RX_HTML_TAGS,
-  st as RX_HYPHENATE,
-  N as RX_LONG_COLOR,
-  et as RX_LOWER_UPPER,
-  ct as RX_NUMBER,
-  Et as RX_PLUS,
-  pt as RX_QUERY_START,
-  _t as RX_REGEXP_REPLACE,
-  C as RX_SHORT_COLOR,
-  Rt as RX_SPACES,
-  Tt as RX_SPACE_SPLIT,
-  ut as RX_STAR,
-  At as RX_START_SPACE_WORD,
-  St as RX_TIME,
-  ft as RX_TRIM_LEFT,
-  Ot as RX_TRIM_RIGHT,
-  at as RX_UNDERSCORE,
-  gt as RX_UN_KEBAB,
-  Pt as exclude,
-  Bt as extractCssVarName,
-  X as flattenDeep,
-  Lt as generateColorFromString,
-  i as generateHslFromString,
-  ht as getAbbreviation,
-  S as getHashOfString,
-  lt as getPageElevations,
-  dt as hexToRgb,
-  D as hslToColorString,
-  Ht as include,
-  p as isAncestor,
-  c as isArray,
-  P as isDescendant,
-  $t as isEmpty,
-  d as isEqual,
-  u as isNil,
-  I as isNull,
-  yt as isNumber,
-  R as isObject,
-  L as isString,
-  a as isUndefined,
-  Ut as isVisible,
-  E as normalize,
-  Mt as pxToRem,
-  Gt as requestAF,
-  It as rgbToHex,
-  Ft as toArray
+  E as CODE_BACKSPACE,
+  _ as CODE_BREAK,
+  e as CODE_DELETE,
+  R as CODE_DOWN,
+  T as CODE_END,
+  t as CODE_ENTER,
+  A as CODE_ESC,
+  C as CODE_HOME,
+  O as CODE_LEFT,
+  r as CODE_PAGEDOWN,
+  S as CODE_PAGEUP,
+  o as CODE_RIGHT,
+  i as CODE_SPACE,
+  N as CODE_UP,
+  D as HSL_LIMITS,
+  ma as MutationObs,
+  X as PLACEMENT_BOTTOM_END,
+  P as PLACEMENT_BOTTOM_START,
+  l as PLACEMENT_LEFT_END,
+  n as PLACEMENT_LEFT_START,
+  L as PLACEMENT_RIGHT_END,
+  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,
+  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,
+  h as RX_HYPHENATE,
+  v as RX_LONG_COLOR,
+  y as RX_LOWER_UPPER,
+  V as RX_NUMBER,
+  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,
+  w as RX_STAR,
+  z as RX_START_SPACE_WORD,
+  Q as RX_TIME,
+  Z as RX_TRIM_LEFT,
+  J as RX_TRIM_RIGHT,
+  $ as RX_UNDERSCORE,
+  aa as RX_UN_KEBAB,
+  ca as addClass,
+  da as cancelAF,
+  fa as contains,
+  sa as exclude,
+  Ea as extractCssVarName,
+  _a as flattenDeep,
+  ea as generateColorFromString,
+  Ra as generateHslFromString,
+  Ta as getAbbreviation,
+  xa as getAttr,
+  Ba as getBCR,
+  Fa as getById,
+  Ga as getCS,
+  ta as getHashOfString,
+  ba as getMaxZIndex,
+  as as getPageElevations,
+  pa as getStyle,
+  ua as hasAttr,
+  Ua as hasClass,
+  Aa as hexToRgb,
+  Ca as hslToColorString,
+  Oa as include,
+  ra as isAncestor,
+  Sa as isArray,
+  oa as isDescendant,
+  ia as isEmpty,
+  Na as isEqual,
+  Da as isNil,
+  Xa as isNull,
+  Pa as isNumber,
+  la as isObject,
+  na as isString,
+  Ja as isUndefined,
+  ss as isVisible,
+  La as normalize,
+  ha as offset,
+  va as position,
+  Ia as pxToRem,
+  ya as reflow,
+  Va as removeAttr,
+  qa as removeClass,
+  Wa as removeNode,
+  ja as removeStyle,
+  Ka as requestAF,
+  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.7.0-beta.5326.0",
+  "version": "20.7.0",
   "type": "module",
   "exports": {
     ".": {
@@ -55,13 +55,16 @@
   ],
   "scripts": {
     "build": "vite build",
-    "dev": "vite build --watch"
+    "dev": "vite build --watch",
+    "prepare": "pnpm build"
   },
   "dependencies": {
-    "@onereach/styles": "^20.6.0",
-    "@vueuse/core": "9.13.0"
+    "@onereach/styles": "^20.7.0",
+    "@vueuse/core": "9.13.0",
+    "lodash": "^4.17.21"
   },
   "devDependencies": {
+    "@types/lodash": "^4.17.0",
     "rollup-plugin-node-externals": "6.1.2",
     "vite": "^5.2.3",
     "vite-plugin-dts": "3.7.3"
@@ -69,5 +72,6 @@
   "peerDependencies": {
     "vue": "3.3.4 || 2.6.14"
   },
-  "npmUnpacked": "20.1.2"
+  "npmUnpacked": "20.1.2",
+  "gitHead": "c6e76af1de233eaa448a2c6808065d45caf7cd49"
 }

package/src/utils/functions/dom.ts

@@ -1,5 +1,14 @@
+import get from 'lodash/get';
+import isElement from 'lodash/isElement';
+
 const WINDOW = typeof window !== 'undefined' ? window : null;
 
+export const MutationObs: MutationObserver =
+  WINDOW?.MutationObserver
+  || (WINDOW as any)?.WebKitMutationObserver
+  || (WINDOW as any)?.MozMutationObserver
+  || null;
+
 export const requestAF = (
   WINDOW?.requestAnimationFrame ||
   (WINDOW as any)?.webkitRequestAnimationFrame ||
@@ -11,3 +20,193 @@ 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);
+
+// Remove a node from DOM
+export const removeNode = (el: HTMLElement): void => { el && el.parentNode && el.parentNode.removeChild(el); };
+
+// Cause/wait-for an element to reflow its content (adjusting its height/width)
+export const reflow = (el: HTMLElement): number | null => {
+  // Requesting an elements offsetHeight will trigger a reflow of the element content
+  return get(el, ['offsetHeight'], null);
+};
+
+// Select all elements matching selector. Returns `[]` if none found
+export const selectAll = (selector: string, root?: HTMLElement | undefined): Element[] =>
+  [...(root && isElement(root) ? root : document).querySelectorAll(selector)];
+
+// Select a single element, returns `null` if not found
+export const select = (selector: string, root?: HTMLElement | undefined): Element | null =>
+  (root && isElement(root) ? root : document).querySelector(selector) || null;
+
+// Returns true if the parent element contains the child element
+export const contains = (parent: HTMLElement, child: HTMLElement): boolean =>
+  parent && typeof parent.contains === 'function' ? parent.contains(child) : false;
+
+// Get an element given an ID
+export const getById = (id: string): HTMLElement | null =>
+  document.getElementById(/^#/.test(id) ? id.slice(1) : id) || null;
+
+// Add a class to an element
+export const addClass = (el: HTMLElement, className: string): void => {
+  // We are checking for `el.classList` existence here since IE 11
+  // returns `undefined` for some elements (e.g. SVG elements)
+  if (className && isElement(el) && el.classList) {
+    el.classList.add(className);
+  }
+};
+
+// Remove a class from an element
+export const removeClass = (el: HTMLElement, className: string): void => {
+  // We are checking for `el.classList` existence here since IE 11
+  // returns `undefined` for some elements (e.g. SVG elements)
+  if (className && isElement(el) && el.classList) el.classList.remove(className);
+};
+
+// Test if an element has a class
+export const hasClass = (el: HTMLElement, className: string): boolean => {
+  // We are checking for `el.classList` existence here since IE 11
+  // returns `undefined` for some elements (e.g. SVG elements)
+  if (className && isElement(el) && el.classList) return el.classList.contains(className);
+
+  return false;
+};
+
+// Set an attribute on an element
+export const setAttr = (el: HTMLElement, attr: string, value: any): void => {
+  if (attr && isElement(el)) {
+    el.setAttribute(attr, value);
+  }
+};
+
+// Remove an attribute from an element
+export const removeAttr = (el: HTMLElement, attr: string): void => {
+  if (attr && isElement(el)) {
+    el.removeAttribute(attr);
+  }
+};
+
+// Get an attribute value from an element
+export const getAttr = (el: HTMLElement, attr: string): string | null =>
+  (attr && isElement(el) ? el.getAttribute(attr) : null);
+
+// Determine if an attribute exists on an element
+// Returns `true` or `false`, or `null` if element not found
+export const hasAttr = (el: HTMLElement, attr: string): boolean | null =>
+  (attr && isElement(el) ? el.hasAttribute(attr) : null);
+
+// Set an style property on an element
+export const setStyle = (el: HTMLElement, prop: any, value: any): void => {
+  if (prop && isElement(el)) {
+    el.style[prop] = value;
+  }
+};
+
+// Remove an style property from an element
+export const removeStyle = (el: HTMLElement, prop: any): void => {
+  if (prop && isElement(el)) {
+    el.style[prop] = '';
+  }
+};
+
+// Get an style property value from an element
+// Returns `null` if not found
+export const getStyle = (el: HTMLElement, prop: any): string | null =>
+  (prop && isElement(el) ? el.style[prop] || null : null);
+
+// Return the Bounding Client Rect of an element
+export const getBCR = (el: HTMLElement): DOMRect | null => (isElement(el) ? el.getBoundingClientRect() : null);
+
+// Get computed style object for an element
+export const getCS = (el: HTMLElement): CSSStyleDeclaration | Record<string, string> =>
+  get(WINDOW, 'getComputedStyle', null) && isElement(el)
+    ? getComputedStyle(el)
+    : {};
+
+// Return an element's offset with respect to document element
+export const offset = (el: HTMLElement): { top: number; left: number; } => {
+  const _offset = {
+    top: 0,
+    left: 0,
+  };
+
+  if (!isElement(el) || el.getClientRects().length === 0) {
+    return _offset;
+  }
+
+  const bcr = getBCR(el);
+  if (bcr) {
+    const win = el.ownerDocument.defaultView;
+
+    _offset.top = bcr.top + get(win, 'pageYOffset', 0);
+    _offset.left = bcr.left + get(win, 'pageXOffset', 0);
+  }
+
+  return _offset;
+};
+
+// Return an element's offset with respect to to its offsetParent
+export const position = (el: HTMLElement): { top: number; left: number; } => {
+  let _offset = {
+    top: 0,
+    left: 0,
+  };
+
+  if (!isElement(el)) {
+    return _offset;
+  }
+
+  let parentOffset = {
+    top: 0,
+    left: 0,
+  };
+
+  const elStyles = getCS(el);
+
+  if (elStyles.position === 'fixed') {
+    _offset = getBCR(el) || _offset;
+  } else {
+    _offset = offset(el);
+    const doc = el.ownerDocument;
+    let offsetParent: (Node & ParentNode) | null = el.offsetParent || doc.documentElement;
+    while (
+      offsetParent &&
+      (offsetParent === doc.body || offsetParent === doc.documentElement) &&
+      getCS(offsetParent as HTMLElement).position === 'static'
+    ) {
+      offsetParent = offsetParent.parentNode;
+    }
+    if (offsetParent && offsetParent !== el && offsetParent.nodeType === Node.ELEMENT_NODE) {
+      parentOffset = offset(offsetParent as HTMLElement);
+
+      const offsetParentStyles = getCS(offsetParent as HTMLElement);
+      parentOffset.top += parseFloat(offsetParentStyles.borderTopWidth as string);
+      parentOffset.left += parseFloat(offsetParentStyles.borderLeftWidth as string);
+    }
+  }
+
+  return {
+    top: _offset.top - parentOffset.top - parseFloat(elStyles.marginTop as string),
+    left: _offset.left - parentOffset.left - parseFloat(elStyles.marginLeft as string),
+  };
+};
+
+export const getMaxZIndex = (element: HTMLElement | null): number => {
+  let maxZIndex = 0;
+  while (element) {
+    const cs = getCS(element);
+    const zIndex = cs.zIndex;
+    if (zIndex !== 'auto') {
+      maxZIndex = +zIndex > maxZIndex ? +zIndex : maxZIndex;
+    }
+    element = element.parentElement;
+  }
+  return maxZIndex;
+};

package/dist/dom-qGGG2YCX.js

@@ -1,6 +0,0 @@
-const e = typeof window < "u" ? window : null, t = ((e == null ? void 0 : e.requestAnimationFrame) || (e == null ? void 0 : e.webkitRequestAnimationFrame) || (e == null ? void 0 : e.mozRequestAnimationFrame) || (e == null ? void 0 : e.msRequestAnimationFrame) || (e == null ? void 0 : e.oRequestAnimationFrame) || // Fallback, but not a true polyfill
-// Only needed for Opera Mini
-((n) => setTimeout(n, 16))).bind(e);
-export {
-  t as r
-};