@onereach/ui-components-common 20.2.0-beta.5208.0 → 20.2.0-beta.5210.0

package/dist/TimeFormat-CdFMIbra.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((u) => (u.Short = "short", u.Medium = "medium", u.Long = "long", u))(r || {}), h = /* @__PURE__ */ ((u) => (u.Auto = "auto", u.H12 = "h12", u.H23 = "h23", u))(h || {});
+export {
+  r as D,
+  h as T
+};

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-Cilw02AC.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,140 +1,142 @@
 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 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-Cilw02AC.js";
-import { DateFormat as f, TimeFormat as p } from "./types.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 { 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 ps, i as Hs } from "./getPageElevations-BuZyM94T.js";
+import { g as Hs, i as cs } from "./getPageElevations-BuZyM94T.js";
 export {
-  x as CODE_BACKSPACE,
-  F as CODE_BREAK,
-  c as CODE_DELETE,
-  b as CODE_DOWN,
-  B as CODE_END,
-  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,
-  w as CODE_SPACE,
-  j as CODE_UP,
+  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,
-  q as HSL_LIMITS,
+  K as HSL_LIMITS,
   A as LOCALE,
-  ss as MutationObs,
-  W as PLACEMENT_BOTTOM_END,
-  K as PLACEMENT_BOTTOM_START,
-  Y as PLACEMENT_LEFT_END,
-  z as PLACEMENT_LEFT_START,
-  Q as PLACEMENT_RIGHT_END,
-  Z as PLACEMENT_RIGHT_START,
-  J as PLACEMENT_TOP_END,
-  $ as PLACEMENT_TOP_START,
-  aa as RX_ABBREVIATION_FROM_STRING,
-  sa as RX_ARRAY_NOTATION,
-  ea as RX_BV_PREFIX,
-  Ea as RX_DATE,
-  ta as RX_DATE_SPLIT,
-  _a as RX_DIGITS,
-  Ra as RX_ENCODED_COMMA,
-  Ta as RX_ENCODE_REVERSE,
-  oa as RX_EXTENSION,
-  ra as RX_HASH,
-  Aa as RX_HASH_ID,
-  Ca as RX_HREF,
-  Oa as RX_HTML_TAGS,
-  ia as RX_HYPHENATE,
-  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,
-  La as RX_STAR,
-  Ma as RX_START_SPACE_WORD,
-  ga as RX_TIME,
-  Ia as RX_TRIM_LEFT,
+  Es as MutationObs,
+  Y as PLACEMENT_BOTTOM_END,
+  z as PLACEMENT_BOTTOM_START,
+  Q as PLACEMENT_LEFT_END,
+  Z as PLACEMENT_LEFT_START,
+  J as PLACEMENT_RIGHT_END,
+  $ as PLACEMENT_RIGHT_START,
+  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,
-  fa as RX_UNDERSCORE,
-  pa as RX_UN_KEBAB,
+  xa as RX_UNDERSCORE,
+  Ha as RX_UN_KEBAB,
+  H as Spacing,
   C as TIME_FORMAT,
-  p as TimeFormat,
-  es as addClass,
-  Es as cancelAF,
-  ts as contains,
-  Ha as exclude,
-  xa as extractCssVarName,
-  Fa as flattenDeep,
-  ca as generateColorFromString,
-  ba as generateHslFromString,
-  Ba as getAbbreviation,
-  _s as getAttr,
-  Rs as getBCR,
-  Ts as getById,
-  os as getCS,
-  va as getHashOfString,
+  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,
-  rs as getMaxZIndex,
-  ps as getPageElevations,
-  As as getStyle,
-  Cs as hasAttr,
-  Os as hasClass,
-  ya as hexToRgb,
-  Ga as hslToColorString,
-  ha as include,
-  Ua as isAncestor,
-  Va as isArray,
-  ka as isDescendant,
-  wa as isEmpty,
-  ja as isEqual,
-  qa as isNil,
-  Wa as isNull,
-  Ka as isNumber,
-  Ya as isObject,
-  za as isString,
+  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,
-  Hs as isVisible,
-  Qa as normalize,
-  is as offset,
-  ls as position,
-  Za as pxToRem,
-  Ds as reflow,
-  Ss as removeAttr,
-  Ns as removeClass,
-  ms as removeNode,
-  Xs as removeStyle,
-  ns as requestAF,
-  us as requestIC,
-  Ja as rgbToHex,
+  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,
-  Ps as select,
-  Ls as selectAll,
-  Ms as setAttr,
-  gs as setStyle,
-  $a as toArray,
+  Ls as select,
+  Ms as selectAll,
+  Is as setAttr,
+  ps as setStyle,
+  ss as toArray,
   O as useControlAttributes,
   i as useDateFormat,
-  l as useDateMask,
-  D as useElevation,
+  D as useDateMask,
+  l as useElevation,
   S as useIdAttribute,
-  N as useLocale,
-  m as useOverflow,
-  X as usePopoverState,
-  n as useProxyModelValue,
+  m as useLocale,
+  N as useOverflow,
+  n as usePopoverState,
+  X as useProxyModelValue,
   u as useResponsive,
   P as useTheme,
-  L as useTimeFormat,
-  M as useTimeMask,
-  g as useToggle,
+  g as useTimeFormat,
+  L as useTimeMask,
+  M as useToggle,
   I as useValidationAttributes
 };

package/dist/types/Spacing.d.ts

@@ -0,0 +1,7 @@
+export declare enum Spacing {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl"
+}

package/dist/types/index.d.ts

@@ -10,3 +10,4 @@ export * from './Locale';
 export * from './ModelValue';
 export * from './SearchFunction';
 export * from './TimeFormat';
+export * from './Spacing';

package/dist/types.js

@@ -1,5 +1,7 @@
-var r = /* @__PURE__ */ ((u) => (u.Short = "short", u.Medium = "medium", u.Long = "long", u))(r || {}), h = /* @__PURE__ */ ((u) => (u.Auto = "auto", u.H12 = "h12", u.H23 = "h23", u))(h || {});
+import { D as o, T as s } from "./TimeFormat-CdFMIbra.js";
+var m = /* @__PURE__ */ ((r) => (r.XS = "xs", r.SM = "sm", r.MD = "md", r.LG = "lg", r.XL = "xl", r))(m || {});
 export {
-  r as DateFormat,
-  h as TimeFormat
+  o as DateFormat,
+  m as Spacing,
+  s as TimeFormat
 };

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

@@ -1,5 +1,5 @@
 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 { D as x, T as b } from "./TimeFormat-CdFMIbra.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";
@@ -37,27 +37,27 @@ const k = () => {
       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();
+  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);
   }
-  v([o, r], ([a]) => {
+  v([s, 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 { 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, {
+  }), $(n, o, {
     childList: !0
-  }), F(n, () => C(s)), {
+  }), F(n, () => C(o)), {
     innerItems: a,
     outerItems: l
   };
-}, te = (e, t, o = {}) => {
+}, te = (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 = S(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 re(e, t, s = {}) {
+  const { defaultValue: r } = s;
   return r ? u({
     get: () => e.value ?? r.value,
     set: (n) => {
@@ -124,29 +124,29 @@ function re(e, t, o = {}) {
   });
 }
 function ne(e) {
-  const t = M(), o = c();
-  e ? v(e, (s) => {
-    o.value = s;
+  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[Y ? "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 = P(`(min-width: ${O.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 ue = () => L.theme, se = (e) => u(() => e.value ?? g(q, 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"
@@ -164,7 +164,7 @@ const ue = () => L.theme, oe = (e) => u(() => e.value ?? g(q, b.Auto)), se = (e,
 }, "") : e.value(void 0, t.value));
 function ae(e = !1) {
   const t = c(e);
-  function o() {
+  function s() {
     t.value = !0;
   }
   function r() {
@@ -175,7 +175,7 @@ function ae(e = !1) {
   }
   return {
     isActiveToggle: t,
-    show: o,
+    show: s,
     hide: r,
     toggle: n
   };
@@ -207,8 +207,8 @@ export {
   re as i,
   ne as j,
   ue as k,
-  oe as l,
-  se as m,
+  se as l,
+  oe as m,
   ie as n,
   ae as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-common",
-  "version": "20.2.0-beta.5208.0",
+  "version": "20.2.0-beta.5210.0",
   "type": "module",
   "exports": {
     ".": {
@@ -55,11 +55,11 @@
   ],
   "scripts": {
     "build": "vite build",
-    "dev": "vite build --watch",
+    "dev": "vite",
     "prepare": "pnpm build"
   },
   "dependencies": {
-    "@onereach/styles": "^20.1.4",
+    "@onereach/styles": "^20.2.0-beta.5210.0",
     "@vueuse/core": "9.13.0",
     "lodash": "^4.17.21"
   },

package/src/types/Spacing.ts

@@ -0,0 +1,7 @@
+export enum Spacing {
+  XS = 'xs',
+  SM = 'sm',
+  MD = 'md',
+  LG = 'lg',
+  XL = 'xl',
+}

package/src/types/index.ts

@@ -10,3 +10,4 @@ export * from './Locale';
 export * from './ModelValue';
 export * from './SearchFunction';
 export * from './TimeFormat';
+export * from './Spacing';