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

package/dist/getPageElevations-ZXU9P3qj.js

@@ -0,0 +1,19 @@
+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
+};

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

package/dist/index.js

@@ -1,21 +1,21 @@
 import { D as e, a as E } from "./dropdown-open-k6cFnrqA.js";
-import { g as t, 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 D, d as l, 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 I, n as g } from "./useValidationAttributes-DxhcSj_h.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 { 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 y, f as G, g as h, h as v, 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 _a, v as ta, 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 Da, B as la, 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 Ia, L as ga, 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 ya, a0 as Ga, a3 as ha, aa as va, 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 _s, l as ts, 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 Ds, b as ls, k as Ss, h as Ns, a as ms, o as Xs, r as ns, d as us, s as Ps, j as Ls, n as Ms } from "./dom-CwV-xS38.js";
-import { i as gs } from "./isUndefined-B5qXrATz.js";
-import { i as fs } from "./isVisible-BuGrjvTY.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";
 export {
   F as CODE_BACKSPACE,
   c as CODE_BREAK,
   x as CODE_DELETE,
   b as CODE_DOWN,
   B as CODE_END,
-  y as CODE_ENTER,
-  G as CODE_ESC,
-  h as CODE_HOME,
-  v as CODE_LEFT,
+  v as CODE_ENTER,
+  y as CODE_ESC,
+  G as CODE_HOME,
+  h as CODE_LEFT,
   U as CODE_PAGEDOWN,
   V as CODE_PAGEUP,
   k as CODE_RIGHT,
@@ -40,8 +40,8 @@ export {
   sa as RX_ARRAY_NOTATION,
   ea as RX_BV_PREFIX,
   Ea as RX_DATE,
-  _a as RX_DATE_SPLIT,
-  ta as RX_DIGITS,
+  ta as RX_DATE_SPLIT,
+  _a as RX_DIGITS,
   Ra as RX_ENCODED_COMMA,
   Ta as RX_ENCODE_REVERSE,
   oa as RX_EXTENSION,
@@ -50,19 +50,19 @@ export {
   Oa as RX_HREF,
   Ca as RX_HTML_TAGS,
   ia as RX_HYPHENATE,
-  Da as RX_LONG_COLOR,
-  la as RX_LOWER_UPPER,
+  la as RX_LONG_COLOR,
+  Da as RX_LOWER_UPPER,
   Sa as RX_NUMBER,
   Na as RX_PLUS,
   ma as RX_QUERY_START,
   Xa as RX_REGEXP_REPLACE,
   na as RX_SHORT_COLOR,
-  ua as RX_SPACES,
-  Pa as RX_SPACE_SPLIT,
+  Pa as RX_SPACES,
+  ua as RX_SPACE_SPLIT,
   La as RX_STAR,
   Ma as RX_START_SPACE_WORD,
-  Ia as RX_TIME,
-  ga as RX_TRIM_LEFT,
+  ga as RX_TIME,
+  Ia as RX_TRIM_LEFT,
   da as RX_TRIM_RIGHT,
   fa as RX_UNDERSCORE,
   pa as RX_UN_KEBAB,
@@ -70,27 +70,28 @@ export {
   p as TimeFormat,
   es as addClass,
   Es as cancelAF,
-  _s as contains,
+  ts as contains,
   Ha as exclude,
   Fa as extractCssVarName,
   ca as flattenDeep,
   xa as generateColorFromString,
   ba as generateHslFromString,
   Ba as getAbbreviation,
-  ts as getAttr,
+  _s as getAttr,
   Rs as getBCR,
   Ts as getById,
   os as getCS,
-  ya as getHashOfString,
-  t as getItemByValue,
+  va as getHashOfString,
+  _ as getItemByValue,
   R as getItemsByValue,
   rs as getMaxZIndex,
+  fs as getPageElevations,
   As as getStyle,
   Os as hasAttr,
   Cs as hasClass,
-  Ga as hexToRgb,
-  ha as hslToColorString,
-  va as include,
+  ya as hexToRgb,
+  Ga as hslToColorString,
+  ha as include,
   Ua as isAncestor,
   Va as isArray,
   ka as isDescendant,
@@ -101,13 +102,13 @@ export {
   Ka as isNumber,
   Ya as isObject,
   za as isString,
-  gs as isUndefined,
-  fs as isVisible,
+  Is as isUndefined,
+  ps as isVisible,
   Qa as normalize,
   is as offset,
-  Ds as position,
+  ls as position,
   Za as pxToRem,
-  ls as reflow,
+  Ds as reflow,
   Ss as removeAttr,
   Ns as removeClass,
   ms as removeNode,
@@ -115,24 +116,24 @@ export {
   ns as requestAF,
   Ja as rgbToHex,
   T as searchItemsByLabel,
-  us as select,
-  Ps as selectAll,
+  Ps as select,
+  us as selectAll,
   Ls as setAttr,
   Ms as setStyle,
   $a as toArray,
   C as useControlAttributes,
   i as useDateFormat,
-  D as useDateMask,
-  l as useElevation,
+  l as useDateMask,
+  D as useElevation,
   S as useIdAttribute,
   N as useLocale,
   m as useOverflow,
   X as usePopoverState,
   n as useProxyModelValue,
-  u as useResponsive,
-  P as useTheme,
+  P as useResponsive,
+  u as useTheme,
   L as useTimeFormat,
   M as useTimeMask,
-  I as useToggle,
-  g as useValidationAttributes
+  g as useToggle,
+  I as useValidationAttributes
 };

package/dist/useValidationAttributes-BSXZbWP4.js

@@ -0,0 +1,214 @@
+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 = () => {
+  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, {
+  dateStyle: e.value,
+  timeZone: "UTC"
+}).formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((r, n) => {
+  switch (n.type) {
+    case "year":
+      return r + n.value.replace(/^\d{2}$/, "YY").replace(/^\d{4}$/, "YYYY");
+    case "month":
+      switch (e.value) {
+        case "short":
+          return r + n.value.replace(/^\d{1}$/, "M").replace(/^\d{2}$/, "MM");
+        case "medium":
+          return r + "MMM";
+        case "long":
+          return r + "MMMM";
+        default:
+          throw new Error("[useDateMask]: `format` has an invalid value.");
+      }
+    case "day":
+      return r + n.value.replace(/^\d{1}$/, "D").replace(/^\d{2}$/, "DD");
+    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();
+  function n(a) {
+    a.style.zIndex = String(Math.max(0, ...E(a)) + 1);
+  }
+  v([o, r], ([a]) => {
+    a && n(a);
+  }, { immediate: !0 });
+}, N = () => {
+  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() {
+    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"), {
+          innerItems: m,
+          outerItems: [...y, f]
+        }) : (o && f.style.removeProperty("visibility"), {
+          innerItems: [...m, f],
+          outerItems: y
+        });
+      }, {
+        innerItems: [],
+        outerItems: []
+      });
+      a.value = d.innerItems, l.value = d.outerItems;
+    } else
+      a.value = [], l.value = [];
+  }
+  return v(n, s, {
+    immediate: !0
+  }), $(n, s, {
+    childList: !0
+  }), F(n, () => C(s)), {
+    innerItems: a,
+    outerItems: l
+  };
+}, te = (e, t, o = {}) => {
+  const r = c(e.value ? "open" : "closed");
+  v(e, (i) => {
+    r.value = i ? "open" : "closed";
+  });
+  const n = S(r, o.debounce ?? 0);
+  v(n, (i) => {
+    switch (t("update:state", i), i) {
+      case "open":
+        t("open");
+        break;
+      case "closed":
+        t("close");
+        break;
+    }
+  });
+  function a() {
+    r.value = "open";
+  }
+  function l() {
+    r.value = "closed";
+  }
+  function s() {
+    r.value = r.value === "open" ? "closed" : "open";
+  }
+  return {
+    state: n,
+    open: a,
+    close: l,
+    toggle: s
+  };
+};
+function re(e, t, o = {}) {
+  const { defaultValue: r } = o;
+  return r ? u({
+    get: () => e.value ?? r.value,
+    set: (n) => {
+      t("update:modelValue", n);
+    }
+  }) : u({
+    get: () => e.value,
+    set: (n) => {
+      t("update:modelValue", n);
+    }
+  });
+}
+function ne(e) {
+  const t = M(), o = c();
+  e ? v(e, (s) => {
+    o.value = s;
+  }) : R(() => {
+    if (t) {
+      const s = t.vnode[Y ? "el" : "elm"];
+      s instanceof Element && (o.value = s);
+    }
+  });
+  const r = u(() => l(o.value) || a.value), n = u(() => !r.value), a = P(`(min-width: ${O.md})`);
+  function l(s) {
+    var d;
+    if (!s)
+      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);
+  }
+  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, {
+  timeStyle: "short",
+  hourCycle: e.value !== b.Auto ? e.value : void 0,
+  timeZone: "UTC"
+}).formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((r, n) => {
+  switch (n.type) {
+    case "hour":
+      return r + n.value.replace(/^\d{1}$/, "H").replace(/^\d{2}$/, "HH");
+    case "minute":
+      return r + n.value.replace(/^\d{1}$/, "M").replace(/^\d{2}$/, "MM");
+    case "dayPeriod":
+      return r + "A";
+    default:
+      return r + n.value;
+  }
+}, "") : e.value(void 0, t.value));
+function ae(e = !1) {
+  const t = c(e);
+  function o() {
+    t.value = !0;
+  }
+  function r() {
+    t.value = !1;
+  }
+  function n() {
+    t.value = !t.value;
+  }
+  return {
+    isActiveToggle: t,
+    show: o,
+    hide: r,
+    toggle: n
+  };
+}
+const ie = () => {
+  const e = h();
+  return {
+    required: u(() => e.required),
+    minlength: u(() => e.minlength),
+    maxlength: u(() => e.maxlength),
+    pattern: u(() => e.pattern),
+    min: u(() => e.min),
+    max: u(() => e.max),
+    step: u(() => e.step)
+  };
+};
+export {
+  V 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,
+  oe as l,
+  se as m,
+  ie as n,
+  ae as u
+};

package/dist/utils/getPageElevations.d.ts

@@ -0,0 +1 @@
+export declare function getPageElevations(currentElement: HTMLElement): number[];

package/dist/utils/index.d.ts

@@ -24,3 +24,4 @@ export * from './isUndefined';
 export * from './isVisible';
 export * from './toArray';
 export * from './extractCssVarName';
+export * from './getPageElevations';

package/dist/utils/isVisible.d.ts

@@ -1 +1 @@
-export declare const isVisible: (element: Element) => boolean;
+export declare function isVisible(element: HTMLElement): boolean;

package/dist/utils.js

@@ -1,7 +1,7 @@
-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 N, m as i, H as D, p as X, o as P, t as l, s as L, r as n, q as M, n as I, P as g, 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 y, B as v, 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 Na, af as ia, ag as Da, ah as Xa, ai as Pa, aj as la, ak as La, a7 as na, a8 as Ma, a1 as Ia, al as ga } 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 ya, b as va, 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 { 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 { i as $a } from "./isVisible-BuGrjvTY.js";
+import { g as $a, i as as } from "./getPageElevations-ZXU9P3qj.js";
 export {
   E as CODE_BACKSPACE,
   _ as CODE_BREAK,
@@ -15,18 +15,18 @@ export {
   r as CODE_PAGEDOWN,
   S as CODE_PAGEUP,
   o as CODE_RIGHT,
-  N as CODE_SPACE,
-  i as CODE_UP,
+  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,
-  L as PLACEMENT_LEFT_START,
-  n as PLACEMENT_RIGHT_END,
+  n as PLACEMENT_LEFT_START,
+  L as PLACEMENT_RIGHT_END,
   M as PLACEMENT_RIGHT_START,
-  I as PLACEMENT_TOP_END,
-  g as PLACEMENT_TOP_START,
+  g as PLACEMENT_TOP_END,
+  I as PLACEMENT_TOP_START,
   H as RX_ABBREVIATION_FROM_STRING,
   m as RX_ARRAY_NOTATION,
   c as RX_BV_PREFIX,
@@ -41,8 +41,8 @@ export {
   U as RX_HREF,
   u as RX_HTML_TAGS,
   h as RX_HYPHENATE,
-  y as RX_LONG_COLOR,
-  v as RX_LOWER_UPPER,
+  v as RX_LONG_COLOR,
+  y as RX_LOWER_UPPER,
   V as RX_NUMBER,
   W as RX_PLUS,
   j as RX_QUERY_START,
@@ -72,6 +72,7 @@ export {
   Ga as getCS,
   ta as getHashOfString,
   ba as getMaxZIndex,
+  $a as getPageElevations,
   pa as getStyle,
   Ua as hasAttr,
   ua as hasClass,
@@ -81,29 +82,29 @@ export {
   ra as isAncestor,
   Sa as isArray,
   oa as isDescendant,
-  Na as isEmpty,
-  ia as isEqual,
+  ia as isEmpty,
+  Na as isEqual,
   Da as isNil,
   Xa as isNull,
   Pa as isNumber,
   la as isObject,
-  La as isString,
+  na as isString,
   Za as isUndefined,
-  $a as isVisible,
-  na as normalize,
+  as as isVisible,
+  La as normalize,
   ha as offset,
-  ya as position,
+  va as position,
   Ma as pxToRem,
-  va as reflow,
+  ya as reflow,
   Va as removeAttr,
   Wa as removeClass,
   ja as removeNode,
   qa as removeStyle,
   Ka as requestAF,
-  Ia as rgbToHex,
+  ga as rgbToHex,
   Ya as select,
   ka as selectAll,
   wa as setAttr,
   za as setStyle,
-  ga as toArray
+  Ia as toArray
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-common",
-  "version": "20.2.0-beta.5172.0",
+  "version": "20.2.0-beta.5173.0",
   "type": "module",
   "exports": {
     ".": {
@@ -59,7 +59,7 @@
     "prepare": "pnpm build"
   },
   "dependencies": {
-    "@onereach/styles": "^20.2.0-beta.5172.0",
+    "@onereach/styles": "^20.1.2",
     "@vueuse/core": "9.13.0",
     "lodash": "^4.17.21"
   },

package/src/hooks/index.ts

@@ -13,3 +13,4 @@ export * from './useTimeFormat';
 export * from './useTimeMask';
 export { default as useToggle } from './useToggle';
 export * from './useValidationAttributes';
+

package/src/hooks/useElevation.ts

@@ -1,6 +1,6 @@
 import { MaybeElementRef } from '@vueuse/core';
 import { isRef, Ref, ref, watch } from 'vue';
-import { isVisible } from '../utils';
+import { getPageElevations } from '../utils';
 
 export const useElevation = (
   element: MaybeElementRef<HTMLElement | undefined>,
@@ -9,15 +9,6 @@ export const useElevation = (
   const elementRef = isRef(element) ? element : ref(element);
   const triggerRef = isRef(trigger) ? trigger : ref();
 
-  // Functions
-  function getPageElevations(currentElement: HTMLElement): number[] {
-    return ([...document.body.querySelectorAll('*')] as HTMLElement[])
-      .filter(isVisible)
-      .filter(element => !element.isEqualNode(currentElement))
-      .map((element) => getComputedStyle(element))
-      .map((style) => Number(style.zIndex))
-      .filter((zIndex) => !isNaN(zIndex));
-  }
 
   function setElementElevation(element: HTMLElement): void {
     element.style.zIndex = String(Math.max(0, ...getPageElevations(element)) + 1);

package/src/utils/getPageElevations.ts

@@ -0,0 +1,20 @@
+import { isVisible } from './isVisible';
+
+export function getPageElevations(currentElement: HTMLElement): number[] {
+  const elements = document.body.querySelectorAll('*');
+  const elevations: number[] = [];
+
+  for (const element of elements) {
+    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);
+        if (zIndex || zIndex !== 0) {
+          elevations.push(zIndex);
+        }
+      }
+    }
+  }
+
+  return elevations;
+}

package/src/utils/index.ts

@@ -26,3 +26,4 @@ export * from './isUndefined';
 export * from './isVisible';
 export * from './toArray';
 export * from './extractCssVarName';
+export * from './getPageElevations';

package/src/utils/isVisible.ts

@@ -1,3 +1,3 @@
-export const isVisible = (element: Element): boolean => {
-  return element.getClientRects().length > 0;
-};
+export function isVisible(element: HTMLElement): boolean {
+  return element.offsetWidth > 0 && element.offsetHeight > 0;
+}

package/dist/isVisible-BuGrjvTY.js

@@ -1,4 +0,0 @@
-const t = (e) => e.getClientRects().length > 0;
-export {
-  t as i
-};

package/dist/useValidationAttributes-DxhcSj_h.js

@@ -1,217 +0,0 @@
-import { useAttrs as h, computed as o, inject as g, isRef as p, ref as c, watch as m, getCurrentInstance as b, onMounted as R } from "vue";
-import { DateFormat as x, TimeFormat as M } from "./types.js";
-import { r as C } from "./dom-CwV-xS38.js";
-import { i as E } from "./isVisible-BuGrjvTY.js";
-import { useMutationObserver as S, useResizeObserver as $, refDebounced as F, useMediaQuery as P } from "@vueuse/core";
-import O from "@onereach/styles/screens.json";
-import { isVue3 as V } from "@/constants";
-import Y from "@onereach/styles/tailwind.config.json";
-const _ = () => {
-  const e = h();
-  return {
-    readonly: o(() => e.readonly),
-    disabled: o(() => e.disabled),
-    "force-state": o(() => e["force-state"])
-  };
-}, q = Symbol(), L = Symbol(), N = Symbol(), k = (e) => o(() => e.value ?? g(q, x.Short)), G = (e, t) => o(() => 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) => {
-  switch (n.type) {
-    case "year":
-      return r + n.value.replace(/^\d{2}$/, "YY").replace(/^\d{4}$/, "YYYY");
-    case "month":
-      switch (e.value) {
-        case "short":
-          return r + n.value.replace(/^\d{1}$/, "M").replace(/^\d{2}$/, "MM");
-        case "medium":
-          return r + "MMM";
-        case "long":
-          return r + "MMMM";
-        default:
-          throw new Error("[useDateMask]: `format` has an invalid value.");
-      }
-    case "day":
-      return r + n.value.replace(/^\d{1}$/, "D").replace(/^\d{2}$/, "DD");
-    default:
-      return r + n.value;
-  }
-}, "") : e.value(void 0, t.value)), J = (e, t) => {
-  const s = p(e) ? e : c(e), r = p(t) ? t : c();
-  function n(a) {
-    return [...document.body.querySelectorAll("*")].filter(E).filter((u) => !u.isEqualNode(a)).map((u) => getComputedStyle(u)).map((u) => Number(u.zIndex)).filter((u) => !isNaN(u));
-  }
-  function l(a) {
-    a.style.zIndex = String(Math.max(0, ...n(a)) + 1);
-  }
-  m([s, r], ([a]) => {
-    a && l(a);
-  }, { immediate: !0 });
-}, K = () => {
-  const e = h(), t = b();
-  return o(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
-}, X = (e) => o(() => e.value ?? g(L, navigator.language)), ee = (e, t = {}) => {
-  const { hide: s = !0, threshold: r = 0 } = t, n = p(e) ? e : c(e), l = c([]), a = c([]);
-  function u() {
-    const i = n.value;
-    if (i) {
-      const d = [...i.children].reduce(({ innerItems: v, outerItems: y }, T) => {
-        const f = T, { x: D, width: I } = f.getBoundingClientRect(), { x: A, width: w } = i.getBoundingClientRect();
-        return D + I > A + w + r ? (s && f.style.setProperty("visibility", "hidden"), {
-          innerItems: v,
-          outerItems: [...y, f]
-        }) : (s && f.style.removeProperty("visibility"), {
-          innerItems: [...v, f],
-          outerItems: y
-        });
-      }, {
-        innerItems: [],
-        outerItems: []
-      });
-      l.value = d.innerItems, a.value = d.outerItems;
-    } else
-      l.value = [], a.value = [];
-  }
-  return m(n, u, {
-    immediate: !0
-  }), S(n, u, {
-    childList: !0
-  }), $(n, () => C(u)), {
-    innerItems: l,
-    outerItems: a
-  };
-}, te = (e, t, s = {}) => {
-  const r = c(e.value ? "open" : "closed");
-  m(e, (i) => {
-    r.value = i ? "open" : "closed";
-  });
-  const n = F(r, s.debounce ?? 0);
-  m(n, (i) => {
-    switch (t("update:state", i), i) {
-      case "open":
-        t("open");
-        break;
-      case "closed":
-        t("close");
-        break;
-    }
-  });
-  function l() {
-    r.value = "open";
-  }
-  function a() {
-    r.value = "closed";
-  }
-  function u() {
-    r.value = r.value === "open" ? "closed" : "open";
-  }
-  return {
-    state: n,
-    open: l,
-    close: a,
-    toggle: u
-  };
-};
-function re(e, t, s = {}) {
-  const { defaultValue: r } = s;
-  return r ? o({
-    get: () => e.value ?? r.value,
-    set: (n) => {
-      t("update:modelValue", n);
-    }
-  }) : o({
-    get: () => e.value,
-    set: (n) => {
-      t("update:modelValue", n);
-    }
-  });
-}
-function ne(e) {
-  const t = b(), s = c();
-  e ? m(e, (u) => {
-    s.value = u;
-  }) : R(() => {
-    if (t) {
-      const u = t.vnode[V ? "el" : "elm"];
-      u instanceof Element && (s.value = u);
-    }
-  });
-  const r = o(() => a(s.value) || l.value), n = o(() => !r.value), l = P(`(min-width: ${O.md})`);
-  function a(u) {
-    var d;
-    if (!u)
-      return !1;
-    const i = (d = u.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
-    return i != null && i.some((v) => ["md", "lg", "xl"].includes(v)) ? !0 : a(u.parentElement ?? void 0);
-  }
-  return {
-    isDesktop: r,
-    isMobile: n
-  };
-}
-const ue = () => Y.theme, oe = (e) => o(() => e.value ?? g(N, M.Auto)), se = (e, t) => o(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
-  timeStyle: "short",
-  hourCycle: e.value !== M.Auto ? e.value : void 0,
-  timeZone: "UTC"
-}).formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((r, n) => {
-  switch (n.type) {
-    case "hour":
-      return r + n.value.replace(/^\d{1}$/, "H").replace(/^\d{2}$/, "HH");
-    case "minute":
-      return r + n.value.replace(/^\d{1}$/, "M").replace(/^\d{2}$/, "MM");
-    case "dayPeriod":
-      return r + "A";
-    default:
-      return r + n.value;
-  }
-}, "") : e.value(void 0, t.value));
-function ae(e = !1) {
-  const t = c(e);
-  function s() {
-    t.value = !0;
-  }
-  function r() {
-    t.value = !1;
-  }
-  function n() {
-    t.value = !t.value;
-  }
-  return {
-    isActiveToggle: t,
-    show: s,
-    hide: r,
-    toggle: n
-  };
-}
-const ie = () => {
-  const e = h();
-  return {
-    required: o(() => e.required),
-    minlength: o(() => e.minlength),
-    maxlength: o(() => e.maxlength),
-    pattern: o(() => e.pattern),
-    min: o(() => e.min),
-    max: o(() => e.max),
-    step: o(() => e.step)
-  };
-};
-export {
-  q as D,
-  L,
-  N as T,
-  _ as a,
-  k as b,
-  G as c,
-  J as d,
-  K as e,
-  X as f,
-  ee as g,
-  te as h,
-  re as i,
-  ne as j,
-  ue as k,
-  oe as l,
-  se as m,
-  ie as n,
-  ae as u
-};