@mt-gloss/utils 0.1.149 → 0.1.151

package/index.d.ts

@@ -4,6 +4,10 @@ export { formatValue, getValueFontSize, pickMetricTier } from './lib/formatValue
 export type { FormatValueOptions, FormattedValue, MetricTier, PickMetricTierResult } from './lib/formatValue';
 export { formatCurrency } from './lib/formatCurrency';
 export type { FormatCurrencyOptions } from './lib/formatCurrency';
+export { hexToRgba, lerpHex } from './lib/color';
+export { getTransitionStyle, interpolate, parseNumericValue } from './lib/cssAnimation';
+export { daysBetween } from './lib/daysBetween';
+export type { DaysBetweenOptions, DaysBetweenRounding } from './lib/daysBetween';
 export { formatTrend } from './lib/formatTrend';
 export type { TrendDirection, FormattedTrend } from './lib/formatTrend';
 export { formatDateRange, formatMarketDates, isMarketActive, isSameDay, isInRange, generateMarketId } from './lib/dateHelpers';

package/index.js

@@ -1,20 +1,20 @@
-import { D as N, y as v, P as A, n as O, o as V, R as x, T as G, d as Y, t as w, f as z, b as k, k as C, l as H, c as B, h as Z, x as K, g as X, q as j, j as q, m as W, u as J, i as Q, v as tt, p as et, a as nt, r as rt, s as at, e as st, w as ot } from "./formatting-dHqp6ksD.js";
-const g = "NEXT_PUBLIC_V1_1_STATUS_MODE";
-function d() {
-  return typeof globalThis < "u" && globalThis.__GLOSS_FLAGS__?.v1_1_status_mode === !0 ? !0 : typeof process < "u" && process.env ? process.env[g] === "true" : !1;
-}
-const $ = {
-  env: g,
-  check: d
-}, m = "NEXT_PUBLIC_V1_1_EDGE_HOVER_RESIZE";
-function D() {
-  return typeof globalThis < "u" && globalThis.__GLOSS_FLAGS__?.v1_1_edge_hover_resize === !0 ? !0 : typeof process < "u" && process.env ? process.env[m] === "true" : !1;
-}
-const S = {
+import { D as G, y as z, P as H, n as k, o as B, R as C, T as Z, d as j, t as K, f as X, b as q, k as W, l as J, c as Q, h as tt, x as et, g as nt, q as rt, j as at, m as ot, u as st, i as it, v as ut, p as ct, a as lt, r as ft, s as gt, e as mt, w as dt } from "./formatting-dHqp6ksD.js";
+const m = "NEXT_PUBLIC_V1_1_STATUS_MODE";
+function $() {
+  return typeof globalThis < "u" && globalThis.__GLOSS_FLAGS__?.v1_1_status_mode === !0 ? !0 : typeof process < "u" && process.env ? process.env[m] === "true" : !1;
+}
+const p = {
   env: m,
-  check: D
+  check: $
+}, d = "NEXT_PUBLIC_V1_1_EDGE_HOVER_RESIZE";
+function h() {
+  return typeof globalThis < "u" && globalThis.__GLOSS_FLAGS__?.v1_1_edge_hover_resize === !0 ? !0 : typeof process < "u" && process.env ? process.env[d] === "true" : !1;
+}
+const M = {
+  env: d,
+  check: h
 };
-function _(t, { prefix: e = "", suffix: n = "", abbreviated: s = !0, kThreshold: r = 1e3 } = {}) {
+function D(t, { prefix: e = "", suffix: n = "", abbreviated: r = !0, kThreshold: o = 1e3 } = {}) {
   if (t == null) {
     const l = e ? `${e} —${n}` : `—${n}`;
     return { display: l.trim(), full: l.trim(), length: l.trim().length };
@@ -24,12 +24,12 @@ function _(t, { prefix: e = "", suffix: n = "", abbreviated: s = !0, kThreshold:
     const u = `${e}${t}${n}`;
     return { display: u, full: u, length: u.length };
   }
-  let o;
-  s !== !1 && Math.abs(a) >= 1e6 ? o = (a / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : s !== !1 && Math.abs(a) >= r ? o = (a / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : o = a.toLocaleString("en-US");
-  const i = `${e}${o}${n}`, c = `${e}${a.toLocaleString("en-US")}${n}`;
+  let s;
+  r !== !1 && Math.abs(a) >= 1e6 ? s = (a / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : r !== !1 && Math.abs(a) >= o ? s = (a / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : s = a.toLocaleString("en-US");
+  const i = `${e}${s}${n}`, c = `${e}${a.toLocaleString("en-US")}${n}`;
   return { display: i, full: c, length: i.length };
 }
-function p(t, e) {
+function E(t, e) {
   return (e ?? 1) >= 2 ? t <= 4 || t <= 6 ? 30 : t <= 8 ? 24 : 20 : t <= 5 ? 28 : t <= 8 ? 20 : 17;
 }
 const f = {
@@ -40,104 +40,147 @@ const f = {
   3: 12
   // "$1,234,567"
 };
-function h(t) {
+function _(t) {
   return t <= 1 ? f[1] : t >= 3 ? f[3] : f[t] ?? f[1];
 }
-function E(t, e = {}, n = 1) {
-  const s = h(n), r = e.prefix ?? "", a = e.suffix ?? "", o = typeof t == "number" ? t : parseFloat(String(t ?? "").replace(/,/g, ""));
-  if (t != null && !Number.isNaN(o)) {
-    const c = `${r}${o.toLocaleString("en-US", { minimumFractionDigits: Number.isInteger(o) ? 0 : 2, maximumFractionDigits: 2 })}${a}`;
-    if (c.length <= s) return { formatted: c, tier: "wide", length: c.length };
-    const u = `${r}${Math.round(o).toLocaleString("en-US")}${a}`;
-    if (u.length <= s) return { formatted: u, tier: "medium", length: u.length };
+function y(t, e = {}, n = 1) {
+  const r = _(n), o = e.prefix ?? "", a = e.suffix ?? "", s = typeof t == "number" ? t : parseFloat(String(t ?? "").replace(/,/g, ""));
+  if (t != null && !Number.isNaN(s)) {
+    const c = `${o}${s.toLocaleString("en-US", { minimumFractionDigits: Number.isInteger(s) ? 0 : 2, maximumFractionDigits: 2 })}${a}`;
+    if (c.length <= r) return { formatted: c, tier: "wide", length: c.length };
+    const u = `${o}${Math.round(s).toLocaleString("en-US")}${a}`;
+    if (u.length <= r) return { formatted: u, tier: "medium", length: u.length };
   }
-  const i = _(t, { ...e, abbreviated: !0 });
-  return i.display.length <= s ? { formatted: i.display, tier: "narrow", length: i.display.length } : { formatted: i.display, tier: "very-narrow", length: i.display.length };
+  const i = D(t, { ...e, abbreviated: !0 });
+  return i.display.length <= r ? { formatted: i.display, tier: "narrow", length: i.display.length } : { formatted: i.display, tier: "very-narrow", length: i.display.length };
 }
-function y(t, { notation: e = "standard", fractionDigits: n, currency: s = "USD" } = {}) {
-  const r = { style: "currency", currency: s };
+function T(t, { notation: e = "standard", fractionDigits: n, currency: r = "USD" } = {}) {
+  const o = { style: "currency", currency: r };
   if (e === "compact")
-    r.notation = "compact", r.compactDisplay = "short", n !== void 0 && (r.minimumFractionDigits = n, r.maximumFractionDigits = n);
+    o.notation = "compact", o.compactDisplay = "short", n !== void 0 && (o.minimumFractionDigits = n, o.maximumFractionDigits = n);
   else {
     const a = n ?? 2;
-    r.minimumFractionDigits = a, r.maximumFractionDigits = a;
+    o.minimumFractionDigits = a, o.maximumFractionDigits = a;
   }
-  return new Intl.NumberFormat("en-US", r).format(t);
+  return new Intl.NumberFormat("en-US", o).format(t);
+}
+function g(t) {
+  const e = t.replace("#", "");
+  return [
+    parseInt(e.slice(0, 2), 16),
+    parseInt(e.slice(2, 4), 16),
+    parseInt(e.slice(4, 6), 16)
+  ];
+}
+function b(t, e) {
+  const n = t.replace("#", "");
+  if (!/^[0-9a-fA-F]{6}$/.test(n))
+    return `rgba(0,0,0,${e})`;
+  const [r, o, a] = g(t);
+  return `rgba(${r},${o},${a},${e})`;
+}
+function F(t, e, n) {
+  const r = Math.max(0, Math.min(1, n)), [o, a, s] = g(t), [i, c, u] = g(e);
+  return `rgb(${Math.round(o + (i - o) * r)}, ${Math.round(a + (c - a) * r)}, ${Math.round(
+    s + (u - s) * r
+  )})`;
+}
+function R(t, e = 200, n = "cubic-bezier(0, 0, 0.2, 1)") {
+  return t.map((r) => `${r} ${e}ms ${n}`).join(", ");
+}
+function P(t, e, n) {
+  return t + (e - t) * n;
+}
+function I(t) {
+  const e = t.match(/^([-\d.]+)(.*)$/);
+  return e ? { value: parseFloat(e[1]), unit: e[2] || "" } : { value: 0, unit: "" };
+}
+const S = 1e3 * 60 * 60 * 24;
+function L(t, e, n = {}) {
+  const { rounding: r = "round", inclusive: o = !1, min: a, absolute: s = !0 } = n, i = e.getTime() - t.getTime(), u = (s ? Math.abs(i) : i) / S;
+  let l = r === "ceil" ? Math.ceil(u) : r === "floor" ? Math.floor(u) : r === "round" ? Math.round(u) : u;
+  return o && (l += 1), a !== void 0 && (l = Math.max(l, a)), l;
 }
-function T(t) {
+function v(t) {
   if (t == null || t === 0)
     return { text: "0%", direction: "flat" };
   const e = t > 0 ? "up" : t < 0 ? "down" : "flat", n = Math.abs(t);
   return { text: n >= 3 ? `${Math.round(n)}%` : `${n.toFixed(1)}%`, direction: e };
 }
-function F(t, e) {
+function U(t, e) {
   if (!t || !e) return "";
-  const n = t.toLocaleDateString("en-US", { month: "short" }), s = e.toLocaleDateString("en-US", { month: "short" }), r = t.getDate(), a = e.getDate(), o = t.getFullYear(), i = e.getFullYear();
-  return t.getTime() === e.getTime() || n === s && r === a && o === i ? `${n} ${r}, ${o}` : n === s && o === i ? `${n} ${r}–${a}` : o === i ? `${n} ${r} – ${s} ${a}` : `${n} ${r}, ${o} – ${s} ${a}, ${i}`;
+  const n = t.toLocaleDateString("en-US", { month: "short" }), r = e.toLocaleDateString("en-US", { month: "short" }), o = t.getDate(), a = e.getDate(), s = t.getFullYear(), i = e.getFullYear();
+  return t.getTime() === e.getTime() || n === r && o === a && s === i ? `${n} ${o}, ${s}` : n === r && s === i ? `${n} ${o}–${a}` : s === i ? `${n} ${o} – ${r} ${a}` : `${n} ${o}, ${s} – ${r} ${a}, ${i}`;
 }
-function M(t, e) {
-  const n = t.toLocaleDateString("en-US", { month: "short" }), s = e.toLocaleDateString("en-US", { month: "short" }), r = t.getDate(), a = e.getDate();
-  return n === s ? `${n} ${r}–${a}` : `${n} ${r} – ${s} ${a}`;
+function N(t, e) {
+  const n = t.toLocaleDateString("en-US", { month: "short" }), r = e.toLocaleDateString("en-US", { month: "short" }), o = t.getDate(), a = e.getDate();
+  return n === r ? `${n} ${o}–${a}` : `${n} ${o} – ${r} ${a}`;
 }
-function R(t, e = /* @__PURE__ */ new Date()) {
+function A(t, e = /* @__PURE__ */ new Date()) {
   return !t?.startDate || !t?.endDate ? !1 : e >= t.startDate && e <= t.endDate;
 }
-function P(t, e) {
+function V(t, e) {
   return !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
 }
-function b(t, e, n) {
+function x(t, e, n) {
   if (!t || !e || !n) return !1;
-  const s = t.getTime(), r = e.getTime(), a = n.getTime();
-  return s >= Math.min(r, a) && s <= Math.max(r, a);
+  const r = t.getTime(), o = e.getTime(), a = n.getTime();
+  return r >= Math.min(o, a) && r <= Math.max(o, a);
 }
-function L() {
+function O() {
   return `custom-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;
 }
 export {
-  N as DEFAULT_MARKET_PRESETS,
-  v as DEFAULT_PINNED,
-  A as PERIOD_OPTIONS,
-  O as PRESET_ID_MAP,
-  V as PRESET_ID_REVERSE_MAP,
-  x as ROLLING_OPTIONS,
-  G as TODAY_PRESET,
-  m as V1_1_EDGE_HOVER_RESIZE_ENV,
-  g as V1_1_STATUS_MODE_ENV,
-  Y as detectPreset,
-  w as findPreset,
-  y as formatCurrency,
-  F as formatDateRange,
-  z as formatDateRangeSmart,
-  k as formatDateRangeWithPreset,
-  C as formatDuration,
-  M as formatMarketDates,
-  H as formatPreset,
-  B as formatShortYear,
-  Z as formatSingleDate,
-  T as formatTrend,
-  _ as formatValue,
-  L as generateMarketId,
-  K as getAllPresets,
-  X as getDateRangeDisplayInfo,
-  j as getDateRangeForPreset,
-  q as getDurationDays,
-  W as getPresetDateRange,
-  J as getPresetLabel,
-  p as getValueFontSize,
-  D as isEdgeHoverResizeEnabled,
-  b as isInRange,
-  R as isMarketActive,
-  P as isSameDay,
-  d as isStatusModeEnabled,
-  Q as isValidDateRangeFormat,
-  tt as normalizePresetId,
-  et as parseDateRange,
-  E as pickMetricTier,
-  nt as resolveEvent,
-  rt as resolvePreset,
-  at as smartDateFormat,
-  st as stripLeadingZeros,
-  ot as toUppercasePresetId,
-  S as v1_1_edge_hover_resize,
-  $ as v1_1_status_mode
+  G as DEFAULT_MARKET_PRESETS,
+  z as DEFAULT_PINNED,
+  H as PERIOD_OPTIONS,
+  k as PRESET_ID_MAP,
+  B as PRESET_ID_REVERSE_MAP,
+  C as ROLLING_OPTIONS,
+  Z as TODAY_PRESET,
+  d as V1_1_EDGE_HOVER_RESIZE_ENV,
+  m as V1_1_STATUS_MODE_ENV,
+  L as daysBetween,
+  j as detectPreset,
+  K as findPreset,
+  T as formatCurrency,
+  U as formatDateRange,
+  X as formatDateRangeSmart,
+  q as formatDateRangeWithPreset,
+  W as formatDuration,
+  N as formatMarketDates,
+  J as formatPreset,
+  Q as formatShortYear,
+  tt as formatSingleDate,
+  v as formatTrend,
+  D as formatValue,
+  O as generateMarketId,
+  et as getAllPresets,
+  nt as getDateRangeDisplayInfo,
+  rt as getDateRangeForPreset,
+  at as getDurationDays,
+  ot as getPresetDateRange,
+  st as getPresetLabel,
+  R as getTransitionStyle,
+  E as getValueFontSize,
+  b as hexToRgba,
+  P as interpolate,
+  h as isEdgeHoverResizeEnabled,
+  x as isInRange,
+  A as isMarketActive,
+  V as isSameDay,
+  $ as isStatusModeEnabled,
+  it as isValidDateRangeFormat,
+  F as lerpHex,
+  ut as normalizePresetId,
+  ct as parseDateRange,
+  I as parseNumericValue,
+  y as pickMetricTier,
+  lt as resolveEvent,
+  ft as resolvePreset,
+  gt as smartDateFormat,
+  mt as stripLeadingZeros,
+  dt as toUppercasePresetId,
+  M as v1_1_edge_hover_resize,
+  p as v1_1_status_mode
 };

package/lib/color.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Convert a 6-digit hex color to an `rgba(r,g,b,a)` string.
+ *
+ * Guards against malformed input: a value that is not exactly 6 hex digits
+ * (after stripping a leading `#`) returns a safe transparent fallback
+ * `rgba(0,0,0,${alpha})` rather than throwing. Callers should pre-resolve
+ * semantic color names to hex before calling.
+ *
+ * @example
+ * import { hexToRgba } from '@mt-gloss/utils';
+ * hexToRgba('#10b981', 0.2) // 'rgba(16,185,129,0.2)'
+ * hexToRgba('nope', 0.5)    // 'rgba(0,0,0,0.5)'
+ */
+export declare function hexToRgba(hex: string, alpha: number): string;
+/**
+ * Linearly interpolate between two `#rrggbb` hex colors, returning `rgb(r, g, b)`.
+ *
+ * `t` is clamped to `[0, 1]`; `t = 0` yields `from`, `t = 1` yields `to`.
+ * Channels are rounded to the nearest integer.
+ *
+ * @example
+ * import { lerpHex } from '@mt-gloss/utils';
+ * lerpHex('#000000', '#ffffff', 0.5) // 'rgb(128, 128, 128)'
+ */
+export declare function lerpHex(from: string, to: string, t: number): string;
+//# sourceMappingURL=color.d.ts.map

package/lib/cssAnimation.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Build a CSS `transition` shorthand from a list of properties.
+ *
+ * Defaults (`200ms`, `cubic-bezier(0, 0, 0.2, 1)`) are inlined literals rather
+ * than `@mt-gloss/tokens` reads: `utils` is a leaf package and must not depend
+ * on `tokens`. The values mirror the `durations.normal` / `easings.easeOut`
+ * design tokens; callers that need a tokenized curve pass it explicitly.
+ *
+ * @example
+ * import { getTransitionStyle } from '@mt-gloss/utils';
+ * getTransitionStyle(['opacity', 'transform']) // 'opacity 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1)'
+ * getTransitionStyle(['width'], 300, 'linear') // 'width 300ms linear'
+ */
+export declare function getTransitionStyle(properties: string[], duration?: number, easing?: string): string;
+/**
+ * Linearly interpolate between two numbers by `progress` (0–1, unclamped).
+ *
+ * @example
+ * import { interpolate } from '@mt-gloss/utils';
+ * interpolate(0, 100, 0.25) // 25
+ */
+export declare function interpolate(from: number, to: number, progress: number): number;
+/**
+ * Parse a CSS dimension string (e.g. `"8px"`) into its numeric value and unit.
+ * Unparseable input yields `{ value: 0, unit: '' }`.
+ *
+ * @example
+ * import { parseNumericValue } from '@mt-gloss/utils';
+ * parseNumericValue('8px')  // { value: 8, unit: 'px' }
+ * parseNumericValue('1.5e') // { value: 1.5, unit: 'e' }
+ */
+export declare function parseNumericValue(value: string): {
+    value: number;
+    unit: string;
+};
+//# sourceMappingURL=cssAnimation.d.ts.map

package/lib/daysBetween.d.ts

@@ -0,0 +1,36 @@
+export type DaysBetweenRounding = 'ceil' | 'floor' | 'round' | 'none';
+export interface DaysBetweenOptions {
+    /** Rounding applied to the raw day fraction. `'none'` returns the fraction. Default `'round'`. */
+    rounding?: DaysBetweenRounding;
+    /** Add `+1` AFTER rounding to count both endpoints (e.g. `floor(x) + 1`). Default `false`. */
+    inclusive?: boolean;
+    /** Clamp the final result up to this floor (e.g. `1` to reproduce `… || 1`). Default none. */
+    min?: number;
+    /** `Math.abs` the millisecond diff so argument order is irrelevant. Default `true`. */
+    absolute?: boolean;
+}
+/**
+ * Day span between two dates, with explicit rounding/inclusivity/clamping.
+ *
+ * One configurable helper for the dashboard's several day-span computations,
+ * each of which carries a distinct mode. Order of operations is load-bearing:
+ * round → `+1` (inclusive) → `Math.max(min)`.
+ *
+ * Rules:
+ * - `rounding: 'none'` returns the raw fractional day count (callers that threshold on a non-integer).
+ * - `inclusive: true` adds `1` after rounding (counts both endpoints).
+ * - `min` clamps the final value up (e.g. `min: 1` turns a `0`-day span into `1`).
+ * - `absolute: true` (default) uses `|end − start|`; pass `false` for a signed difference.
+ *
+ * @example
+ * ```ts
+ * import { daysBetween } from '@mt-gloss/utils';
+ *
+ * const a = new Date('2026-01-01'), b = new Date('2026-01-04');
+ * daysBetween(a, b);                                    // 3
+ * daysBetween(a, b, { rounding: 'floor', inclusive: true }); // 4 (both endpoints)
+ * daysBetween(a, a, { rounding: 'ceil', min: 1 });      // 1
+ * ```
+ */
+export declare function daysBetween(start: Date, end: Date, opts?: DaysBetweenOptions): number;
+//# sourceMappingURL=daysBetween.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/utils",
-  "version": "0.1.149",
+  "version": "0.1.151",
   "type": "module",
   "publishConfig": {
     "access": "public"