@onereach/ui-components-common 25.2.2-beta.5783.0 → 25.3.1-beta.5787.0

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

package/dist/index.js

@@ -1,6 +1,6 @@
 import { DropdownClose as _, DropdownOpen as s } from "./directives.js";
 import { getItemByValue as T, getItemsByValue as a, searchItemsByLabel as t } from "./helpers.js";
-import { D as o, L as A, o as O, M as D, T as C, a as i, b as N, c as X, d as S, e as P, f as L, g as M, h as m, i as u, j as I, k as l, l as n, m as g, u as p, n as H } from "./useValidationAttributes-BLzi0C4L.js";
+import { D as o, L as A, o as O, M as D, T as C, a as i, b as N, c as X, d as S, e as P, f as L, g as M, h as m, i as u, j as I, k as l, l as n, m as g, u as p, n as H } from "./useValidationAttributes-Da9U8-T7.js";
 import { D as x, T as f } from "./TimeFormat-CdFMIbra.js";
 import { Spacing as b } from "./types.js";
 import { CODE_BACKSPACE as G, CODE_BREAK as c, CODE_DELETE as U, CODE_DOWN as V, CODE_END as y, CODE_ENTER as h, CODE_ESC as v, CODE_HOME as W, CODE_LEFT as k, CODE_PAGEDOWN as w, CODE_PAGEUP as K, CODE_RIGHT as Y, CODE_SPACE as j, CODE_UP as q, HSL_LIMITS as Z, PLACEMENT_BOTTOM_END as z, PLACEMENT_BOTTOM_START as Q, PLACEMENT_LEFT_END as J, PLACEMENT_LEFT_START as $, PLACEMENT_RIGHT_END as ee, PLACEMENT_RIGHT_START as Ee, PLACEMENT_TOP_END as _e, PLACEMENT_TOP_START as se, RX_ABBREVIATION_FROM_STRING as Re, RX_ARRAY_NOTATION as Te, RX_BV_PREFIX as ae, RX_DATE as te, RX_DATE_SPLIT as re, RX_DIGITS as oe, RX_ENCODED_COMMA as Ae, RX_ENCODE_REVERSE as Oe, RX_EXTENSION as De, RX_HASH as Ce, RX_HASH_ID as ie, RX_HREF as Ne, RX_HTML_TAGS as Xe, RX_HYPHENATE as Se, RX_LONG_COLOR as Pe, RX_LOWER_UPPER as Le, RX_NUMBER as Me, RX_PLUS as me, RX_QUERY_START as ue, RX_REGEXP_REPLACE as Ie, RX_SHORT_COLOR as le, RX_SPACES as ne, RX_SPACE_SPLIT as ge, RX_STAR as pe, RX_START_SPACE_WORD as He, RX_TIME as Fe, RX_TRIM_LEFT as xe, RX_TRIM_RIGHT as fe, RX_UNDERSCORE as Be, RX_UN_KEBAB as be, exclude as de, extractCssVarName as Ge, flattenDeep as ce, generateColorFromString as Ue, generateHslFromString as Ve, getAbbreviation as ye, getHashOfString as he, hexToRgb as ve, hslToColorString as We, include as ke, isAncestor as we, isArray as Ke, isDescendant as Ye, isEmpty as je, isEqual as qe, isNil as Ze, isNull as ze, isNumber as Qe, isObject as Je, isString as $e, normalize as eE, pxToRem as EE, rgbToHex as _E, toArray as sE } from "./utils.js";

package/dist/{useValidationAttributes-BLzi0C4L.js → useValidationAttributes-Da9U8-T7.js}

@@ -1,18 +1,18 @@
-import { useAttrs as g, computed as u, inject as f, isRef as h, ref as d, watch as m, getCurrentInstance as y, onMounted as A } from "vue";
+import { useAttrs as g, computed as u, inject as v, isRef as h, ref as d, watch as m, getCurrentInstance as y, onMounted as A } from "vue";
 import { D as E, T as b } from "./TimeFormat-CdFMIbra.js";
 import { r as R } from "./dom-qGGG2YCX.js";
 import { g as S } from "./getPageElevations-BuZyM94T.js";
 import { useMutationObserver as C, useResizeObserver as $, refDebounced as F, useMediaQuery as P } from "@vueuse/core";
 import O from "@onereach/styles/screens.json";
 import Z from "@onereach/styles/tailwind.config.json";
-const Q = () => {
+const V = () => {
   const e = g();
   return {
     readonly: u(() => e.readonly),
     disabled: u(() => e.disabled),
     "force-state": u(() => e["force-state"])
   };
-}, Y = Symbol(), L = Symbol(), U = Symbol(), V = Symbol(), _ = Symbol(), W = (e) => u(() => e.value ?? f(Y, E.Short)), k = (e, t) => u(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+}, Y = Symbol(), L = Symbol(), U = Symbol(), _ = Symbol(), q = Symbol(), W = (e) => u(() => e.value ?? v(Y, E.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((n, r) => {
@@ -36,11 +36,11 @@ const Q = () => {
       return n + r.value;
   }
 }, "") : e.value(void 0, t.value)), G = (e, t) => {
-  const a = h(e) ? e : d(e), n = h(t) ? t : d(), r = f(V, 0), l = f(_, 1 / 0);
+  const a = h(e) ? e : d(e), n = h(t) ? t : d(), r = v(_, 0), c = v(q, 1 / 0);
   function i(s) {
     const o = S(s);
-    let c = Math.max(r, ...o) + 1;
-    c = Math.min(c, l), s.style.zIndex = String(c);
+    let l = Math.max(r, ...o) + 1;
+    l = Math.min(l, c), s.style.zIndex = String(l);
   }
   m([a, n], ([s]) => {
     s && i(s);
@@ -48,34 +48,34 @@ const Q = () => {
 }, J = () => {
   const e = g(), t = y();
   return u(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
-}, K = (e) => u(() => e.value ?? f(L, navigator.language)), ee = (e, t = {}) => {
-  const { hide: a = !0, threshold: n = 0 } = t, r = h(e) ? e : d(e), l = d([]), i = d([]);
+}, K = (e) => u(() => e.value ?? v(L, navigator.language)), ee = (e, t = {}) => {
+  const { hide: a = !0, threshold: n = 0 } = t, r = h(e) ? e : d(e), c = d([]), i = d([]);
   function s() {
     const o = r.value;
     if (o) {
-      const c = [...o.children].reduce(({ innerItems: p, outerItems: M }, I) => {
-        const v = I, { x: T, width: D } = v.getBoundingClientRect(), { x: w, width: x } = o.getBoundingClientRect();
-        return T + D > w + x + n ? (a && v.style.setProperty("visibility", "hidden"), {
+      const l = [...o.children].reduce(({ innerItems: p, outerItems: M }, I) => {
+        const f = I, { x: T, width: D } = f.getBoundingClientRect(), { x: w, width: x } = o.getBoundingClientRect();
+        return T + D > w + x + n ? (a && f.style.setProperty("visibility", "hidden"), {
           innerItems: p,
-          outerItems: [...M, v]
-        }) : (a && v.style.removeProperty("visibility"), {
-          innerItems: [...p, v],
+          outerItems: [...M, f]
+        }) : (a && f.style.removeProperty("visibility"), {
+          innerItems: [...p, f],
           outerItems: M
         });
       }, {
         innerItems: [],
         outerItems: []
       });
-      l.value = c.innerItems, i.value = c.outerItems;
+      c.value = l.innerItems, i.value = l.outerItems;
     } else
-      l.value = [], i.value = [];
+      c.value = [], i.value = [];
   }
   return m(r, s, {
     immediate: !0
   }), C(r, s, {
     childList: !0
   }), $(r, () => R(s)), {
-    innerItems: l,
+    innerItems: c,
     outerItems: i
   };
 }, te = (e, t, a = {}) => {
@@ -94,7 +94,7 @@ const Q = () => {
         break;
     }
   });
-  function l() {
+  function c() {
     n.value = "open";
   }
   function i() {
@@ -105,7 +105,7 @@ const Q = () => {
   }
   return {
     state: r,
-    open: l,
+    open: c,
     close: i,
     toggle: s
   };
@@ -115,12 +115,12 @@ function ne(e, t, a = {}) {
   return n ? u({
     get: () => e.value ?? n.value,
     set: (r) => {
-      t("update:modelValue", r);
+      e.value !== r && t("update:modelValue", r);
     }
   }) : u({
     get: () => e.value,
     set: (r) => {
-      t("update:modelValue", r);
+      e.value !== r && t("update:modelValue", r);
     }
   });
 }
@@ -134,12 +134,12 @@ function re(e) {
       o instanceof Element && (a.value = o);
     }
   });
-  const n = u(() => i(a.value) || l.value), r = u(() => !n.value), l = P(`(min-width: ${O.md})`);
+  const n = u(() => i(a.value) || c.value), r = u(() => !n.value), c = P(`(min-width: ${O.md})`);
   function i(s) {
-    var c;
+    var l;
     if (!s)
       return !1;
-    const o = (c = s.getAttribute("force-screen")) == null ? void 0 : c.split(/\s+/);
+    const o = (l = s.getAttribute("force-screen")) == null ? void 0 : l.split(/\s+/);
     return o != null && o.some((p) => ["md", "lg", "xl"].includes(p)) ? !0 : i(s.parentElement ?? void 0);
   }
   return {
@@ -147,7 +147,7 @@ function re(e) {
     isMobile: r
   };
 }
-const se = () => Z.theme, ue = (e) => u(() => e.value ?? f(U, b.Auto)), oe = (e, t) => u(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+const se = () => Z.theme, ue = (e) => u(() => e.value ?? v(U, b.Auto)), oe = (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"
@@ -196,9 +196,9 @@ const ie = () => {
 export {
   Y as D,
   L,
-  V as M,
+  _ as M,
   U as T,
-  Q as a,
+  V as a,
   W as b,
   k as c,
   G as d,
@@ -212,6 +212,6 @@ export {
   ue as l,
   oe as m,
   ie as n,
-  _ as o,
+  q as o,
   ae as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-common",
-  "version": "25.2.2-beta.5783.0",
+  "version": "25.3.1-beta.5787.0",
   "license": "Apache-2.0",
   "type": "module",
   "exports": {
@@ -59,7 +59,7 @@
     "dev": "vite build --watch"
   },
   "dependencies": {
-    "@onereach/styles": "^25.2.2-beta.5783.0",
+    "@onereach/styles": "^25.3.1-beta.5787.0",
     "@vueuse/core": "11.3.0"
   },
   "devDependencies": {

package/src/hooks/useProxyModelValue.ts

@@ -33,7 +33,9 @@ export function useProxyModelValue<T>(
       },
 
       set: (value) => {
-        emit('update:modelValue', value);
+        if (modelValue.value !== value) {
+          emit('update:modelValue', value);
+        }
       },
     });
   }
@@ -44,7 +46,9 @@ export function useProxyModelValue<T>(
     },
 
     set: (value) => {
-      emit('update:modelValue', value);
+      if (modelValue.value !== value) {
+        emit('update:modelValue', value);
+      }
     },
   });
 }