@photon-ai/pho-ui 2.16.0 → 3.0.0

package/dist/chunks/use-measure-C-i54AC6.js

@@ -0,0 +1,629 @@
+"use client";
+import { t as O } from "./cn-ChIgwEl3.js";
+import { n as re } from "./legend-C0mU7dqd.js";
+import { useEffect as te, useId as ne, useLayoutEffect as ie, useRef as ae, useState as ue } from "react";
+import { jsx as g, jsxs as C } from "react/jsx-runtime";
+var q = {
+  fontSize: 11,
+  fill: "var(--text-color-pho-description)",
+  fontVariantNumeric: "tabular-nums"
+};
+function Le({ layout: e, ticks: r, labels: t, scale: s }) {
+  return /* @__PURE__ */ g("g", {
+    "aria-hidden": !0,
+    children: r.map((i, n) => {
+      const u = s(i);
+      return /* @__PURE__ */ C("g", { children: [/* @__PURE__ */ g("line", {
+        x1: e.left,
+        x2: e.right,
+        y1: u,
+        y2: u,
+        stroke: i === 0 ? "var(--color-pho-chart-crosshair)" : "var(--color-pho-chart-grid)"
+      }), /* @__PURE__ */ g("text", {
+        x: e.left - 8,
+        y: u,
+        dy: "0.35em",
+        textAnchor: "end",
+        style: q,
+        children: t[n]
+      })] }, i);
+    })
+  });
+}
+function Xe({ layout: e, ticks: r }) {
+  const t = e.height - 6;
+  return /* @__PURE__ */ g("g", {
+    "aria-hidden": !0,
+    children: r.map(({ x: s, label: i }) => {
+      const n = i.length * 6.5 / 2, u = s - n < e.left ? "start" : s + n > e.right ? "end" : "middle", l = u === "start" ? Math.max(s, e.left) : u === "end" ? Math.min(s, e.right) : s;
+      return /* @__PURE__ */ g("text", {
+        x: l,
+        y: t,
+        textAnchor: u,
+        style: q,
+        children: i
+      }, s);
+    })
+  });
+}
+function _e(e, r = !1) {
+  const t = new Intl.NumberFormat(e, r ? {
+    notation: "compact",
+    maximumFractionDigits: 1
+  } : { maximumFractionDigits: 2 });
+  return (s) => t.format(s);
+}
+function se(e, r) {
+  const t = e[r];
+  return typeof t == "number" && Number.isFinite(t) ? t : null;
+}
+function le(e) {
+  return e.length <= 1 ? e[0] ?? "" : `${e.slice(0, -1).join(", ")} and ${e[e.length - 1]}`;
+}
+function qe({ data: e, series: r, kind: t, valueFormat: s, timeFormat: i }) {
+  if (e.length === 0) return "No data to show.";
+  const n = e[0], u = e[e.length - 1], l = e.length > 1 ? `${i(new Date(n.x))} to ${i(new Date(u.x))}` : i(new Date(n.x)), o = [`${le(r.map((a) => a.label))}, ${l}.`];
+  for (const a of r) {
+    let c = 0, f = 1 / 0, v = -1 / 0, m = null, d = 0;
+    for (const x of e) {
+      const b = se(x, a.key);
+      b != null && (d++, c += b, b < f && (f = b), b > v && (v = b, m = new Date(x.x)));
+    }
+    if (d === 0) {
+      o.push(`${a.label}: no values.`);
+      continue;
+    }
+    const p = m ? `, peak ${s(v)} at ${i(m)}` : "";
+    o.push(t === "bar" ? `${a.label}: ${s(c)} in total${p}.` : `${a.label}: from ${s(f)} to ${s(v)}${p}.`);
+  }
+  return o.join(" ");
+}
+function $(e, r) {
+  return e == null || r == null ? NaN : e < r ? -1 : e > r ? 1 : e >= r ? 0 : NaN;
+}
+function oe(e, r) {
+  return e == null || r == null ? NaN : r < e ? -1 : r > e ? 1 : r >= e ? 0 : NaN;
+}
+function ce(e) {
+  let r, t, s;
+  e.length !== 2 ? (r = $, t = (l, o) => $(e(l), o), s = (l, o) => e(l) - o) : (r = e === $ || e === oe ? e : fe, t = e, s = e);
+  function i(l, o, a = 0, c = l.length) {
+    if (a < c) {
+      if (r(o, o) !== 0) return c;
+      do {
+        const f = a + c >>> 1;
+        t(l[f], o) < 0 ? a = f + 1 : c = f;
+      } while (a < c);
+    }
+    return a;
+  }
+  function n(l, o, a = 0, c = l.length) {
+    if (a < c) {
+      if (r(o, o) !== 0) return c;
+      do {
+        const f = a + c >>> 1;
+        t(l[f], o) <= 0 ? a = f + 1 : c = f;
+      } while (a < c);
+    }
+    return a;
+  }
+  function u(l, o, a = 0, c = l.length) {
+    const f = i(l, o, a, c - 1);
+    return f > a && s(l[f - 1], o) > -s(l[f], o) ? f - 1 : f;
+  }
+  return {
+    left: i,
+    center: u,
+    right: n
+  };
+}
+function fe() {
+  return 0;
+}
+var he = Math.sqrt(50), ge = Math.sqrt(10), me = Math.sqrt(2);
+function Y(e, r, t) {
+  const s = (r - e) / Math.max(0, t), i = Math.floor(Math.log10(s)), n = s / Math.pow(10, i), u = n >= he ? 10 : n >= ge ? 5 : n >= me ? 2 : 1;
+  let l, o, a;
+  return i < 0 ? (a = Math.pow(10, -i) / u, l = Math.round(e * a), o = Math.round(r * a), l / a < e && ++l, o / a > r && --o, a = -a) : (a = Math.pow(10, i) * u, l = Math.round(e / a), o = Math.round(r / a), l * a < e && ++l, o * a > r && --o), o < l && 0.5 <= t && t < 2 ? Y(e, r, t * 2) : [
+    l,
+    o,
+    a
+  ];
+}
+function ve(e, r, t) {
+  if (r = +r, e = +e, t = +t, !(t > 0)) return [];
+  if (e === r) return [e];
+  const s = r < e, [i, n, u] = s ? Y(r, e, t) : Y(e, r, t);
+  if (!(n >= i)) return [];
+  const l = n - i + 1, o = new Array(l);
+  if (s)
+    if (u < 0) for (let a = 0; a < l; ++a) o[a] = (n - a) / -u;
+    else for (let a = 0; a < l; ++a) o[a] = (n - a) * u;
+  else if (u < 0) for (let a = 0; a < l; ++a) o[a] = (i + a) / -u;
+  else for (let a = 0; a < l; ++a) o[a] = (i + a) * u;
+  return o;
+}
+function R(e, r, t) {
+  return r = +r, e = +e, t = +t, Y(e, r, t)[2];
+}
+function I(e, r, t) {
+  r = +r, e = +e, t = +t;
+  const s = r < e, i = s ? R(r, e, t) : R(e, r, t);
+  return (s ? -1 : 1) * (i < 0 ? 1 / -i : i);
+}
+var k = /* @__PURE__ */ new Date(), W = /* @__PURE__ */ new Date();
+function h(e, r, t, s) {
+  function i(n) {
+    return e(n = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+n)), n;
+  }
+  return i.floor = (n) => (e(n = /* @__PURE__ */ new Date(+n)), n), i.ceil = (n) => (e(n = /* @__PURE__ */ new Date(n - 1)), r(n, 1), e(n), n), i.round = (n) => {
+    const u = i(n), l = i.ceil(n);
+    return n - u < l - n ? u : l;
+  }, i.offset = (n, u) => (r(n = /* @__PURE__ */ new Date(+n), u == null ? 1 : Math.floor(u)), n), i.range = (n, u, l) => {
+    const o = [];
+    if (n = i.ceil(n), l = l == null ? 1 : Math.floor(l), !(n < u) || !(l > 0)) return o;
+    let a;
+    do
+      o.push(a = /* @__PURE__ */ new Date(+n)), r(n, l), e(n);
+    while (a < n && n < u);
+    return o;
+  }, i.filter = (n) => h((u) => {
+    if (u >= u) for (; e(u), !n(u); ) u.setTime(u - 1);
+  }, (u, l) => {
+    if (u >= u)
+      if (l < 0) for (; ++l <= 0; ) for (; r(u, -1), !n(u); ) ;
+      else for (; --l >= 0; ) for (; r(u, 1), !n(u); ) ;
+  }), t && (i.count = (n, u) => (k.setTime(+n), W.setTime(+u), e(k), e(W), Math.floor(t(k, W))), i.every = (n) => (n = Math.floor(n), !isFinite(n) || !(n > 0) ? null : n > 1 ? i.filter(s ? (u) => s(u) % n === 0 : (u) => i.count(0, u) % n === 0) : i)), i;
+}
+var S = h(() => {
+}, (e, r) => {
+  e.setTime(+e + r);
+}, (e, r) => r - e);
+S.every = (e) => (e = Math.floor(e), !isFinite(e) || !(e > 0) ? null : e > 1 ? h((r) => {
+  r.setTime(Math.floor(r / e) * e);
+}, (r, t) => {
+  r.setTime(+r + t * e);
+}, (r, t) => (t - r) / e) : S);
+var Ee = S.range, y = 1e3, T = y * 60, M = T * 60, D = M * 24, A = D * 7, L = D * 30, z = D * 365, N = h((e) => {
+  e.setTime(e - e.getMilliseconds());
+}, (e, r) => {
+  e.setTime(+e + r * y);
+}, (e, r) => (r - e) / y, (e) => e.getUTCSeconds()), Pe = N.range, E = h((e) => {
+  e.setTime(e - e.getMilliseconds() - e.getSeconds() * y);
+}, (e, r) => {
+  e.setTime(+e + r * T);
+}, (e, r) => (r - e) / T, (e) => e.getMinutes()), Be = E.range, P = h((e) => {
+  e.setUTCSeconds(0, 0);
+}, (e, r) => {
+  e.setTime(+e + r * T);
+}, (e, r) => (r - e) / T, (e) => e.getUTCMinutes()), Ve = P.range, B = h((e) => {
+  e.setTime(e - e.getMilliseconds() - e.getSeconds() * y - e.getMinutes() * T);
+}, (e, r) => {
+  e.setTime(+e + r * M);
+}, (e, r) => (r - e) / M, (e) => e.getHours()), Ge = B.range, V = h((e) => {
+  e.setUTCMinutes(0, 0, 0);
+}, (e, r) => {
+  e.setTime(+e + r * M);
+}, (e, r) => (r - e) / M, (e) => e.getUTCHours()), Ke = V.range, F = h((e) => e.setHours(0, 0, 0, 0), (e, r) => e.setDate(e.getDate() + r), (e, r) => (r - e - (r.getTimezoneOffset() - e.getTimezoneOffset()) * T) / D, (e) => e.getDate() - 1), Je = F.range, Te = h((e) => {
+  e.setUTCHours(0, 0, 0, 0);
+}, (e, r) => {
+  e.setUTCDate(e.getUTCDate() + r);
+}, (e, r) => (r - e) / D, (e) => e.getUTCDate() - 1), Qe = Te.range, G = h((e) => {
+  e.setUTCHours(0, 0, 0, 0);
+}, (e, r) => {
+  e.setUTCDate(e.getUTCDate() + r);
+}, (e, r) => (r - e) / D, (e) => Math.floor(e / D)), Ze = G.range;
+function w(e) {
+  return h((r) => {
+    r.setDate(r.getDate() - (r.getDay() + 7 - e) % 7), r.setHours(0, 0, 0, 0);
+  }, (r, t) => {
+    r.setDate(r.getDate() + t * 7);
+  }, (r, t) => (t - r - (t.getTimezoneOffset() - r.getTimezoneOffset()) * T) / A);
+}
+var K = w(0), de = w(1), ye = w(2), Me = w(3), De = w(4), Ce = w(5), pe = w(6), er = K.range, rr = de.range, tr = ye.range, nr = Me.range, ir = De.range, ar = Ce.range, ur = pe.range;
+function U(e) {
+  return h((r) => {
+    r.setUTCDate(r.getUTCDate() - (r.getUTCDay() + 7 - e) % 7), r.setUTCHours(0, 0, 0, 0);
+  }, (r, t) => {
+    r.setUTCDate(r.getUTCDate() + t * 7);
+  }, (r, t) => (t - r) / A);
+}
+var J = U(0), we = U(1), Ue = U(2), be = U(3), Fe = U(4), Ne = U(5), xe = U(6), sr = J.range, lr = we.range, or = Ue.range, cr = be.range, fr = Fe.range, hr = Ne.range, gr = xe.range, Q = h((e) => {
+  e.setDate(1), e.setHours(0, 0, 0, 0);
+}, (e, r) => {
+  e.setMonth(e.getMonth() + r);
+}, (e, r) => r.getMonth() - e.getMonth() + (r.getFullYear() - e.getFullYear()) * 12, (e) => e.getMonth()), mr = Q.range, Z = h((e) => {
+  e.setUTCDate(1), e.setUTCHours(0, 0, 0, 0);
+}, (e, r) => {
+  e.setUTCMonth(e.getUTCMonth() + r);
+}, (e, r) => r.getUTCMonth() - e.getUTCMonth() + (r.getUTCFullYear() - e.getUTCFullYear()) * 12, (e) => e.getUTCMonth()), vr = Z.range, H = h((e) => {
+  e.setMonth(0, 1), e.setHours(0, 0, 0, 0);
+}, (e, r) => {
+  e.setFullYear(e.getFullYear() + r);
+}, (e, r) => r.getFullYear() - e.getFullYear(), (e) => e.getFullYear());
+H.every = (e) => !isFinite(e = Math.floor(e)) || !(e > 0) ? null : h((r) => {
+  r.setFullYear(Math.floor(r.getFullYear() / e) * e), r.setMonth(0, 1), r.setHours(0, 0, 0, 0);
+}, (r, t) => {
+  r.setFullYear(r.getFullYear() + t * e);
+});
+var Tr = H.range, j = h((e) => {
+  e.setUTCMonth(0, 1), e.setUTCHours(0, 0, 0, 0);
+}, (e, r) => {
+  e.setUTCFullYear(e.getUTCFullYear() + r);
+}, (e, r) => r.getUTCFullYear() - e.getUTCFullYear(), (e) => e.getUTCFullYear());
+j.every = (e) => !isFinite(e = Math.floor(e)) || !(e > 0) ? null : h((r) => {
+  r.setUTCFullYear(Math.floor(r.getUTCFullYear() / e) * e), r.setUTCMonth(0, 1), r.setUTCHours(0, 0, 0, 0);
+}, (r, t) => {
+  r.setUTCFullYear(r.getUTCFullYear() + t * e);
+});
+var dr = j.range;
+function ee(e, r, t, s, i, n) {
+  const u = [
+    [
+      N,
+      1,
+      y
+    ],
+    [
+      N,
+      5,
+      5 * y
+    ],
+    [
+      N,
+      15,
+      15 * y
+    ],
+    [
+      N,
+      30,
+      30 * y
+    ],
+    [
+      n,
+      1,
+      T
+    ],
+    [
+      n,
+      5,
+      5 * T
+    ],
+    [
+      n,
+      15,
+      15 * T
+    ],
+    [
+      n,
+      30,
+      30 * T
+    ],
+    [
+      i,
+      1,
+      M
+    ],
+    [
+      i,
+      3,
+      3 * M
+    ],
+    [
+      i,
+      6,
+      6 * M
+    ],
+    [
+      i,
+      12,
+      12 * M
+    ],
+    [
+      s,
+      1,
+      D
+    ],
+    [
+      s,
+      2,
+      2 * D
+    ],
+    [
+      t,
+      1,
+      A
+    ],
+    [
+      r,
+      1,
+      L
+    ],
+    [
+      r,
+      3,
+      3 * L
+    ],
+    [
+      e,
+      1,
+      z
+    ]
+  ];
+  function l(a, c, f) {
+    const v = c < a;
+    v && ([a, c] = [c, a]);
+    const m = f && typeof f.range == "function" ? f : o(a, c, f), d = m ? m.range(a, +c + 1) : [];
+    return v ? d.reverse() : d;
+  }
+  function o(a, c, f) {
+    const v = Math.abs(c - a) / f, m = ce(([, , x]) => x).right(u, v);
+    if (m === u.length) return e.every(I(a / z, c / z, f));
+    if (m === 0) return S.every(Math.max(I(a, c, f), 1));
+    const [d, p] = u[v / u[m - 1][2] < u[m][2] / v ? m - 1 : m];
+    return d.every(p);
+  }
+  return [l, o];
+}
+var [yr, Mr] = ee(j, Z, J, G, V, P), [Ye, Dr] = ee(H, Q, K, F, B, E);
+function Cr(e) {
+  return typeof e == "number" ? e : e.getTime();
+}
+function pr(e, r) {
+  const [t, s] = e, [i, n] = r, u = s - t;
+  return u === 0 ? () => i : (l) => i + (l - t) / u * (n - i);
+}
+function wr(e, r, t) {
+  if (!Number.isFinite(e) || !Number.isFinite(r)) return {
+    domain: [0, 1],
+    ticks: [0, 1]
+  };
+  e > r && ([e, r] = [r, e]);
+  const s = t?.integer ?? (Number.isInteger(e) && Number.isInteger(r));
+  if (e === r) {
+    if (r === 0) return s ? {
+      domain: [0, 1],
+      ticks: [0, 1]
+    } : {
+      domain: [0, 1],
+      ticks: [
+        0,
+        0.5,
+        1
+      ]
+    };
+    r > 0 ? e = 0 : r = 0;
+  }
+  for (let i = 4; i >= 2; i--) {
+    const n = s ? Ie(e, r, i) : I(e, r, i), u = Math.floor(e / n) * n, l = Math.ceil(r / n) * n, o = s ? Se(u, l, n) : ve(u, l, i);
+    if (o.length <= 5 || i === 2) return {
+      domain: [u, l],
+      ticks: o
+    };
+  }
+  return {
+    domain: [e, r],
+    ticks: [e, r]
+  };
+}
+function Ie(e, r, t) {
+  const s = I(e, r, t);
+  if (s <= 1) return 1;
+  if (Number.isInteger(s)) return s;
+  const i = 10 ** Math.floor(Math.log10(s)), n = s / i;
+  return (n <= 1 ? 1 : n <= 2 ? 2 : n <= 5 ? 5 : 10) * i;
+}
+function Se(e, r, t) {
+  const s = [];
+  for (let i = e; i <= r + t / 2; i += t) s.push(i);
+  return s;
+}
+function Ur(e) {
+  if (e.length < 2) return 0;
+  const r = [];
+  for (let t = 1; t < e.length; t++) r.push(e[t] - e[t - 1]);
+  return r.sort((t, s) => t - s), r[Math.floor(r.length / 2)];
+}
+var He = 864e5;
+function br(e, r, t) {
+  if (r <= e || t <= 0) return [new Date(e)];
+  const s = Math.max(2, Math.floor(t / 96)), i = Ye(new Date(e), new Date(r), s);
+  if (i.length > 2 && i.every((n) => $e(n))) {
+    const n = i.slice(1).map((l, o) => F.count(i[o], l)), u = Math.max(...n);
+    if (u > 1 && n.some((l) => l !== u)) return F.range(i[0], new Date(r + 1), u);
+  }
+  return i;
+}
+function $e(e) {
+  return F(e).getTime() === e.getTime();
+}
+function Fr(e) {
+  const r = new Intl.DateTimeFormat(e, {
+    hour: "numeric",
+    minute: "2-digit"
+  }), t = new Intl.DateTimeFormat(e, {
+    month: "short",
+    day: "numeric"
+  }), s = new Intl.DateTimeFormat(e, {
+    month: "short",
+    year: "numeric"
+  });
+  return (i) => F(i).getTime() < i.getTime() ? r.format(i) : H(i).getTime() < i.getTime() ? t.format(i) : s.format(i);
+}
+function Nr(e, r) {
+  const t = new Intl.DateTimeFormat(e, r >= He ? {
+    month: "short",
+    day: "numeric"
+  } : {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+  return (s) => t.format(s);
+}
+function ke(e) {
+  return e.length * 6.5 + 16;
+}
+function xr(e, r, t) {
+  if (e.length < 2) return [...e];
+  const s = Math.max(...e.map((u) => ke(r(u)))), i = Math.max(1, Math.floor(t / s)), n = Math.ceil(e.length / i);
+  return n <= 1 ? [...e] : e.filter((u, l) => l % n === 0);
+}
+function Yr(e, r) {
+  if (e.length === 0) return -1;
+  let t = 0, s = e.length - 1;
+  for (; t < s; ) {
+    const i = t + s >> 1;
+    e[i] < r ? t = i + 1 : s = i;
+  }
+  return t > 0 && r - e[t - 1] < e[t] - r ? t - 1 : t;
+}
+var X = 8, _ = 8, We = 22;
+function Ir(e, r, t) {
+  const s = t.reduce((u, l) => Math.max(u, l.length), 0), i = Math.ceil(s * 6.5) + 10, n = r - We;
+  return {
+    width: e,
+    height: r,
+    left: i,
+    top: X,
+    right: e - _,
+    bottom: n,
+    innerWidth: Math.max(0, e - i - _),
+    innerHeight: Math.max(0, n - X)
+  };
+}
+function Sr({ label: e, description: r, height: t, width: s, containerRef: i, legend: n, tooltip: u, loading: l, empty: o, showEmpty: a, onPlotPointerMove: c, onPlotPointerLeave: f, className: v, children: m, ...d }) {
+  const p = ne();
+  return /* @__PURE__ */ C("div", {
+    "data-chart": "",
+    className: O("flex w-full min-w-0 flex-col gap-3", v),
+    ...d,
+    children: [/* @__PURE__ */ C("div", {
+      ref: i,
+      "aria-busy": l || void 0,
+      className: O("relative w-full transition-opacity duration-150 ease-out", l && "opacity-50"),
+      style: { height: t },
+      children: [
+        /* @__PURE__ */ g("svg", {
+          role: "img",
+          "aria-label": e,
+          "aria-describedby": p,
+          width: "100%",
+          height: t,
+          viewBox: s > 0 ? `0 0 ${s} ${t}` : void 0,
+          className: "animate-pho-chart-in block overflow-visible select-none",
+          onPointerMove: c,
+          onPointerLeave: f,
+          children: s > 0 && !a ? m : null
+        }),
+        /* @__PURE__ */ g("p", {
+          id: p,
+          className: "sr-only",
+          children: r
+        }),
+        a && /* @__PURE__ */ g("div", {
+          className: "text-pho-description absolute inset-0 flex items-center justify-center text-xs",
+          children: o
+        }),
+        u
+      ]
+    }), n]
+  });
+}
+function Hr({ x: e, width: r, top: t, heading: s, rows: i, breakdown: n, breakdownTitle: u, valueFormat: l }) {
+  const o = e > r / 2;
+  return /* @__PURE__ */ C("div", {
+    "aria-hidden": !0,
+    "data-chart-tooltip": "",
+    className: "bg-pho-primary shadow-pho-lg ring-pho-secondary rounded-base pointer-events-none absolute z-10 max-w-72 min-w-40 px-3 py-2 text-xs ring-1 ring-inset",
+    style: o ? {
+      right: r - e + 12,
+      top: t
+    } : {
+      left: e + 12,
+      top: t
+    },
+    children: [
+      /* @__PURE__ */ g("div", {
+        className: "text-pho-primary font-medium",
+        children: s
+      }),
+      /* @__PURE__ */ g("ul", {
+        className: "mt-1 flex flex-col gap-0.5",
+        children: i.map((a) => /* @__PURE__ */ C("li", {
+          className: "flex items-center justify-between gap-4",
+          children: [/* @__PURE__ */ C("span", {
+            className: "text-pho-secondary flex min-w-0 items-center gap-1.5",
+            children: [/* @__PURE__ */ g(re, {
+              color: a.color,
+              kind: a.kind,
+              dashed: a.dashed
+            }), /* @__PURE__ */ g("span", {
+              className: "truncate",
+              children: a.label
+            })]
+          }), /* @__PURE__ */ g("span", {
+            className: "text-pho-primary font-medium tabular-nums",
+            children: a.value
+          })]
+        }, a.label))
+      }),
+      n != null && n.length > 0 && /* @__PURE__ */ C("div", {
+        className: "border-pho-secondary mt-2 border-t pt-2",
+        children: [u != null && /* @__PURE__ */ g("div", {
+          className: "text-pho-description mb-1",
+          children: u
+        }), /* @__PURE__ */ g("ul", {
+          className: "flex flex-col gap-0.5",
+          children: n.map((a) => /* @__PURE__ */ C("li", {
+            className: "flex items-center justify-between gap-4",
+            children: [/* @__PURE__ */ g("span", {
+              className: "text-pho-secondary truncate",
+              children: a.label
+            }), /* @__PURE__ */ g("span", {
+              className: "text-pho-primary tabular-nums",
+              children: l(a.value)
+            })]
+          }, a.label))
+        })]
+      })
+    ]
+  });
+}
+var ze = typeof window > "u" ? te : ie;
+function $r(e) {
+  const r = ae(null), [t, s] = ue(0);
+  return ze(() => {
+    if (e != null) return;
+    const i = r.current;
+    if (i == null || (s(i.getBoundingClientRect().width), typeof ResizeObserver > "u")) return;
+    const n = new ResizeObserver((u) => {
+      const l = u[0]?.contentRect.width;
+      l != null && s(l);
+    });
+    return n.observe(i), () => n.disconnect();
+  }, [e]), [r, e ?? t];
+}
+export {
+  Xe as _,
+  Ur as a,
+  Yr as c,
+  br as d,
+  Fr as f,
+  se as g,
+  _e as h,
+  Ir as i,
+  wr as l,
+  qe as m,
+  Hr as n,
+  Nr as o,
+  Cr as p,
+  Sr as r,
+  pr as s,
+  $r as t,
+  xr as u,
+  Le as v
+};
+
+//# sourceMappingURL=use-measure-C-i54AC6.js.map