@epilot/spark-ui 0.20.0 → 0.21.0

package/dist/utils/build-sankey-nodes.js

@@ -0,0 +1,71 @@
+"use client";
+//#region src/utils/build-sankey-nodes.ts
+function buildSankeyNodes({ solarPower, batteryPower, gridPower, floorShares, deviceSharesByFloor }) {
+	const solar = Math.max(0, solarPower);
+	const gridImport = Math.max(0, gridPower);
+	const gridExport = Math.max(0, -gridPower);
+	const batteryDischarge = Math.max(0, batteryPower);
+	const batteryCharge = Math.max(0, -batteryPower);
+	const solarToBattery = Math.min(solar, batteryCharge);
+	const gridToBattery = Math.min(gridImport, batteryCharge - solarToBattery);
+	const solarToFeedIn = Math.min(solar - solarToBattery, gridExport);
+	const batteryToFeedIn = Math.min(batteryDischarge, gridExport - solarToFeedIn);
+	const links = [
+		{
+			source: "grid",
+			target: "home",
+			value: gridImport - gridToBattery
+		},
+		{
+			source: "solar",
+			target: "home",
+			value: solar - solarToBattery - solarToFeedIn
+		},
+		{
+			source: "battery",
+			target: "home",
+			value: batteryDischarge - batteryToFeedIn
+		},
+		{
+			source: "solar",
+			target: "battery",
+			value: solarToBattery
+		},
+		{
+			source: "grid",
+			target: "battery",
+			value: gridToBattery
+		},
+		{
+			source: "solar",
+			target: "gridFeedIn",
+			value: solarToFeedIn
+		},
+		{
+			source: "battery",
+			target: "gridFeedIn",
+			value: batteryToFeedIn
+		}
+	];
+	if (!floorShares) return links;
+	const homeWatts = solar - solarToBattery - solarToFeedIn + (gridImport - gridToBattery) + (batteryDischarge - batteryToFeedIn);
+	for (const [floorId, share] of Object.entries(floorShares)) {
+		const floorWatts = homeWatts * share;
+		links.push({
+			source: "home",
+			target: floorId,
+			value: floorWatts
+		});
+		const deviceShares = deviceSharesByFloor?.[floorId] ?? {};
+		for (const [deviceId, deviceShare] of Object.entries(deviceShares)) links.push({
+			source: floorId,
+			target: deviceId,
+			value: floorWatts * deviceShare
+		});
+	}
+	return links;
+}
+//#endregion
+export { buildSankeyNodes };
+
+//# sourceMappingURL=build-sankey-nodes.js.map

package/dist/utils/build-sankey-nodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-sankey-nodes.js","names":[],"sources":["../../src/utils/build-sankey-nodes.ts"],"sourcesContent":["import type { SankeyChartLink } from '../components/sankey-chart'\n\ntype SankeyNodesArgs = {\n  solarPower: number\n  /**\n   * Signed storage power: positive = discharging into the home, negative =\n   * charging from solar/grid. Charging power is routed into the `battery`\n   * node so it isn't mistakenly attributed to home consumption.\n   */\n  batteryPower: number\n  gridPower: number\n  floorShares?: Record<string, number>\n  deviceSharesByFloor?: Record<string, Record<string, number>>\n}\n\nfunction buildSankeyNodes({\n  solarPower,\n  batteryPower,\n  gridPower,\n  floorShares,\n  deviceSharesByFloor,\n}: SankeyNodesArgs): SankeyChartLink[] {\n  const solar = Math.max(0, solarPower)\n  const gridImport = Math.max(0, gridPower)\n  const gridExport = Math.max(0, -gridPower)\n  const batteryDischarge = Math.max(0, batteryPower)\n  const batteryCharge = Math.max(0, -batteryPower)\n\n  // Charge the battery from solar surplus first, then from the grid. Routing\n  // the charge flow into the `battery` node (a sink while charging) keeps it\n  // out of the `home` node, which should reflect actual consumption only.\n  const solarToBattery = Math.min(solar, batteryCharge)\n  const gridToBattery = Math.min(gridImport, batteryCharge - solarToBattery)\n\n  // Grid feed-in (export). Cover it from the solar surplus first, then fall\n  // back to battery discharge. Like battery charging, this must not land in the\n  // `home` node — it's power leaving the house, not consumption.\n  const solarToFeedIn = Math.min(solar - solarToBattery, gridExport)\n  const batteryToFeedIn = Math.min(batteryDischarge, gridExport - solarToFeedIn)\n\n  const links: SankeyChartLink[] = [\n    { source: 'grid', target: 'home', value: gridImport - gridToBattery },\n    {\n      source: 'solar',\n      target: 'home',\n      value: solar - solarToBattery - solarToFeedIn,\n    },\n    {\n      source: 'battery',\n      target: 'home',\n      value: batteryDischarge - batteryToFeedIn,\n    },\n    { source: 'solar', target: 'battery', value: solarToBattery },\n    { source: 'grid', target: 'battery', value: gridToBattery },\n    { source: 'solar', target: 'gridFeedIn', value: solarToFeedIn },\n    { source: 'battery', target: 'gridFeedIn', value: batteryToFeedIn },\n  ]\n\n  if (!floorShares) return links\n\n  const homeWatts =\n    solar -\n    solarToBattery -\n    solarToFeedIn +\n    (gridImport - gridToBattery) +\n    (batteryDischarge - batteryToFeedIn)\n\n  for (const [floorId, share] of Object.entries(floorShares)) {\n    const floorWatts = homeWatts * share\n    links.push({ source: 'home', target: floorId, value: floorWatts })\n\n    const deviceShares = deviceSharesByFloor?.[floorId] ?? {}\n    for (const [deviceId, deviceShare] of Object.entries(deviceShares)) {\n      links.push({\n        source: floorId,\n        target: deviceId,\n        value: floorWatts * deviceShare,\n      })\n    }\n  }\n\n  return links\n}\n\nexport { buildSankeyNodes }\n"],"mappings":";;AAeA,SAAS,iBAAiB,EACxB,YACA,cACA,WACA,aACA,uBACqC;CACrC,MAAM,QAAQ,KAAK,IAAI,GAAG,UAAU;CACpC,MAAM,aAAa,KAAK,IAAI,GAAG,SAAS;CACxC,MAAM,aAAa,KAAK,IAAI,GAAG,CAAC,SAAS;CACzC,MAAM,mBAAmB,KAAK,IAAI,GAAG,YAAY;CACjD,MAAM,gBAAgB,KAAK,IAAI,GAAG,CAAC,YAAY;CAK/C,MAAM,iBAAiB,KAAK,IAAI,OAAO,aAAa;CACpD,MAAM,gBAAgB,KAAK,IAAI,YAAY,gBAAgB,cAAc;CAKzE,MAAM,gBAAgB,KAAK,IAAI,QAAQ,gBAAgB,UAAU;CACjE,MAAM,kBAAkB,KAAK,IAAI,kBAAkB,aAAa,aAAa;CAE7E,MAAM,QAA2B;EAC/B;GAAE,QAAQ;GAAQ,QAAQ;GAAQ,OAAO,aAAa;EAAc;EACpE;GACE,QAAQ;GACR,QAAQ;GACR,OAAO,QAAQ,iBAAiB;EAClC;EACA;GACE,QAAQ;GACR,QAAQ;GACR,OAAO,mBAAmB;EAC5B;EACA;GAAE,QAAQ;GAAS,QAAQ;GAAW,OAAO;EAAe;EAC5D;GAAE,QAAQ;GAAQ,QAAQ;GAAW,OAAO;EAAc;EAC1D;GAAE,QAAQ;GAAS,QAAQ;GAAc,OAAO;EAAc;EAC9D;GAAE,QAAQ;GAAW,QAAQ;GAAc,OAAO;EAAgB;CACpE;CAEA,IAAI,CAAC,aAAa,OAAO;CAEzB,MAAM,YACJ,QACA,iBACA,iBACC,aAAa,kBACb,mBAAmB;CAEtB,KAAK,MAAM,CAAC,SAAS,UAAU,OAAO,QAAQ,WAAW,GAAG;EAC1D,MAAM,aAAa,YAAY;EAC/B,MAAM,KAAK;GAAE,QAAQ;GAAQ,QAAQ;GAAS,OAAO;EAAW,CAAC;EAEjE,MAAM,eAAe,sBAAsB,YAAY,CAAC;EACxD,KAAK,MAAM,CAAC,UAAU,gBAAgB,OAAO,QAAQ,YAAY,GAC/D,MAAM,KAAK;GACT,QAAQ;GACR,QAAQ;GACR,OAAO,aAAa;EACtB,CAAC;CAEL;CAEA,OAAO;AACT"}

package/dist/utils/cn.cjs

@@ -1,9 +1,9 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let cnfast = require("cnfast");
+let cn = require("cn");
 Object.defineProperty(exports, "cn", {
 	enumerable: true,
 	get: function() {
-		return cnfast.cn;
+		return cn.cn;
 	}
 });

package/dist/utils/cn.d.cts

@@ -1,4 +1,4 @@
 "use client";
 
-import { cn } from "cnfast";
+import { cn } from "cn";
 export { cn };

package/dist/utils/cn.d.ts

@@ -1,4 +1,4 @@
 "use client";
 
-import { cn } from "cnfast";
+import { cn } from "cn";
 export { cn };

package/dist/utils/cn.js

@@ -1,3 +1,3 @@
 "use client";
-import { cn } from "cnfast";
+import { cn } from "cn";
 export { cn };

package/dist/utils/format.cjs

@@ -23,6 +23,17 @@ const integerFormat = decimalsFormat(0);
 const oneDecimalFormat = decimalsFormat(1);
 const twoDecimalFormat = decimalsFormat(2);
 const formatThousands = (n) => integerFormat.format(n);
+const formatEnergy = (v) => {
+	if (v >= 1e6) return `${twoDecimalFormat.format(v / 1e3)} MWh`;
+	if (v >= 1e3) return `${integerFormat.format(v)} kWh`;
+	if (v >= 10) return `${oneDecimalFormat.format(v)} kWh`;
+	return `${twoDecimalFormat.format(v)} kWh`;
+};
+const formatPower = (value, { signed = false } = {}) => {
+	if (value == null) return "—";
+	const rounded = Math.round(value);
+	return `${signed && rounded > 0 ? "+" : ""}${integerFormat.format(rounded)} W`;
+};
 const formatPercent = (value) => {
 	if (value == null) return "—";
 	return `${integerFormat.format(value)} %`;
@@ -33,7 +44,9 @@ const formatRatio = (value) => {
 };
 //#endregion
 exports.decimalsFormat = decimalsFormat;
+exports.formatEnergy = formatEnergy;
 exports.formatPercent = formatPercent;
+exports.formatPower = formatPower;
 exports.formatRatio = formatRatio;
 exports.formatThousands = formatThousands;
 exports.integerFormat = integerFormat;

package/dist/utils/format.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"format.cjs","names":[],"sources":["../../src/utils/format.ts"],"sourcesContent":["import { EM_DASH, NARROW_NBSP } from './chars'\n\ninterface LocaleNumberFormat {\n  format: (value: number) => string\n}\n\nfunction getDocumentLang(): string | undefined {\n  return typeof document === 'undefined'\n    ? undefined\n    : document.documentElement.lang || undefined\n}\n\nconst localeNumberFormat = (\n  options?: Intl.NumberFormatOptions,\n): LocaleNumberFormat => {\n  const cache = new Map<string, Intl.NumberFormat>()\n  return {\n    format: (value) => {\n      const locale = getDocumentLang()\n      const key = locale ?? ''\n      let formatter = cache.get(key)\n      if (!formatter) {\n        formatter = new Intl.NumberFormat(locale, options)\n        cache.set(key, formatter)\n      }\n      return formatter.format(value)\n    },\n  }\n}\n\nconst decimalsFormat = (decimals: number) =>\n  localeNumberFormat({ maximumFractionDigits: decimals })\n\nconst integerFormat = decimalsFormat(0)\nconst oneDecimalFormat = decimalsFormat(1)\nconst twoDecimalFormat = decimalsFormat(2)\n\nconst formatThousands = (n: number) => integerFormat.format(n)\n\nconst formatPercent = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value)}${NARROW_NBSP}%`\n}\n\nconst formatRatio = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value * 100)}${NARROW_NBSP}%`\n}\n\nexport {\n  formatThousands,\n  formatPercent,\n  formatRatio,\n  localeNumberFormat,\n  decimalsFormat,\n  integerFormat,\n  oneDecimalFormat,\n  twoDecimalFormat,\n}\n"],"mappings":";;;;AAMA,SAAS,kBAAsC;CAC7C,OAAO,OAAO,aAAa,cACvB,KAAA,IACA,SAAS,gBAAgB,QAAQ,KAAA;AACvC;AAEA,MAAM,sBACJ,YACuB;CACvB,MAAM,wBAAQ,IAAI,IAA+B;CACjD,OAAO,EACL,SAAS,UAAU;EACjB,MAAM,SAAS,gBAAgB;EAC/B,MAAM,MAAM,UAAU;EACtB,IAAI,YAAY,MAAM,IAAI,GAAG;EAC7B,IAAI,CAAC,WAAW;GACd,YAAY,IAAI,KAAK,aAAa,QAAQ,OAAO;GACjD,MAAM,IAAI,KAAK,SAAS;EAC1B;EACA,OAAO,UAAU,OAAO,KAAK;CAC/B,EACF;AACF;AAEA,MAAM,kBAAkB,aACtB,mBAAmB,EAAE,uBAAuB,SAAS,CAAC;AAExD,MAAM,gBAAgB,eAAe,CAAC;AACtC,MAAM,mBAAmB,eAAe,CAAC;AACzC,MAAM,mBAAmB,eAAe,CAAC;AAEzC,MAAM,mBAAmB,MAAc,cAAc,OAAO,CAAC;AAE7D,MAAM,iBAAiB,UAAiC;CACtD,IAAI,SAAS,MAAM,OAAA;CACnB,OAAO,GAAG,cAAc,OAAO,KAAK;AACtC;AAEA,MAAM,eAAe,UAAiC;CACpD,IAAI,SAAS,MAAM,OAAA;CACnB,OAAO,GAAG,cAAc,OAAO,QAAQ,GAAG;AAC5C"}
+{"version":3,"file":"format.cjs","names":[],"sources":["../../src/utils/format.ts"],"sourcesContent":["import { EM_DASH, NARROW_NBSP } from './chars'\n\ninterface LocaleNumberFormat {\n  format: (value: number) => string\n}\n\nfunction getDocumentLang(): string | undefined {\n  return typeof document === 'undefined'\n    ? undefined\n    : document.documentElement.lang || undefined\n}\n\nconst localeNumberFormat = (\n  options?: Intl.NumberFormatOptions,\n): LocaleNumberFormat => {\n  const cache = new Map<string, Intl.NumberFormat>()\n  return {\n    format: (value) => {\n      const locale = getDocumentLang()\n      const key = locale ?? ''\n      let formatter = cache.get(key)\n      if (!formatter) {\n        formatter = new Intl.NumberFormat(locale, options)\n        cache.set(key, formatter)\n      }\n      return formatter.format(value)\n    },\n  }\n}\n\nconst decimalsFormat = (decimals: number) =>\n  localeNumberFormat({ maximumFractionDigits: decimals })\n\nconst integerFormat = decimalsFormat(0)\nconst oneDecimalFormat = decimalsFormat(1)\nconst twoDecimalFormat = decimalsFormat(2)\n\nconst formatThousands = (n: number) => integerFormat.format(n)\n\nconst formatEnergy = (v: number) => {\n  if (v >= 1_000_000) {\n    return `${twoDecimalFormat.format(v / 1000)}${NARROW_NBSP}MWh`\n  }\n  if (v >= 1_000) return `${integerFormat.format(v)}${NARROW_NBSP}kWh`\n  if (v >= 10) return `${oneDecimalFormat.format(v)}${NARROW_NBSP}kWh`\n  return `${twoDecimalFormat.format(v)}${NARROW_NBSP}kWh`\n}\n\nconst formatPower = (\n  value: number | null,\n  { signed = false }: { signed?: boolean } = {},\n): string => {\n  if (value == null) return EM_DASH\n  const rounded = Math.round(value)\n  const sign = signed && rounded > 0 ? '+' : ''\n  return `${sign}${integerFormat.format(rounded)}${NARROW_NBSP}W`\n}\n\nconst formatPercent = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value)}${NARROW_NBSP}%`\n}\n\nconst formatRatio = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value * 100)}${NARROW_NBSP}%`\n}\n\nexport {\n  formatThousands,\n  formatEnergy,\n  formatPower,\n  formatPercent,\n  formatRatio,\n  localeNumberFormat,\n  decimalsFormat,\n  integerFormat,\n  oneDecimalFormat,\n  twoDecimalFormat,\n}\n"],"mappings":";;;;AAMA,SAAS,kBAAsC;CAC7C,OAAO,OAAO,aAAa,cACvB,KAAA,IACA,SAAS,gBAAgB,QAAQ,KAAA;AACvC;AAEA,MAAM,sBACJ,YACuB;CACvB,MAAM,wBAAQ,IAAI,IAA+B;CACjD,OAAO,EACL,SAAS,UAAU;EACjB,MAAM,SAAS,gBAAgB;EAC/B,MAAM,MAAM,UAAU;EACtB,IAAI,YAAY,MAAM,IAAI,GAAG;EAC7B,IAAI,CAAC,WAAW;GACd,YAAY,IAAI,KAAK,aAAa,QAAQ,OAAO;GACjD,MAAM,IAAI,KAAK,SAAS;EAC1B;EACA,OAAO,UAAU,OAAO,KAAK;CAC/B,EACF;AACF;AAEA,MAAM,kBAAkB,aACtB,mBAAmB,EAAE,uBAAuB,SAAS,CAAC;AAExD,MAAM,gBAAgB,eAAe,CAAC;AACtC,MAAM,mBAAmB,eAAe,CAAC;AACzC,MAAM,mBAAmB,eAAe,CAAC;AAEzC,MAAM,mBAAmB,MAAc,cAAc,OAAO,CAAC;AAE7D,MAAM,gBAAgB,MAAc;CAClC,IAAI,KAAK,KACP,OAAO,GAAG,iBAAiB,OAAO,IAAI,GAAI;CAE5C,IAAI,KAAK,KAAO,OAAO,GAAG,cAAc,OAAO,CAAC;CAChD,IAAI,KAAK,IAAI,OAAO,GAAG,iBAAiB,OAAO,CAAC;CAChD,OAAO,GAAG,iBAAiB,OAAO,CAAC;AACrC;AAEA,MAAM,eACJ,OACA,EAAE,SAAS,UAAgC,CAAC,MACjC;CACX,IAAI,SAAS,MAAM,OAAA;CACnB,MAAM,UAAU,KAAK,MAAM,KAAK;CAEhC,OAAO,GADM,UAAU,UAAU,IAAI,MAAM,KAC1B,cAAc,OAAO,OAAO;AAC/C;AAEA,MAAM,iBAAiB,UAAiC;CACtD,IAAI,SAAS,MAAM,OAAA;CACnB,OAAO,GAAG,cAAc,OAAO,KAAK;AACtC;AAEA,MAAM,eAAe,UAAiC;CACpD,IAAI,SAAS,MAAM,OAAA;CACnB,OAAO,GAAG,cAAc,OAAO,QAAQ,GAAG;AAC5C"}

package/dist/utils/format.d.cts

@@ -10,8 +10,14 @@ declare const integerFormat: LocaleNumberFormat;
 declare const oneDecimalFormat: LocaleNumberFormat;
 declare const twoDecimalFormat: LocaleNumberFormat;
 declare const formatThousands: (n: number) => string;
+declare const formatEnergy: (v: number) => string;
+declare const formatPower: (value: number | null, {
+  signed
+}?: {
+  signed?: boolean;
+}) => string;
 declare const formatPercent: (value: number | null) => string;
 declare const formatRatio: (value: number | null) => string;
 //#endregion
-export { decimalsFormat, formatPercent, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+export { decimalsFormat, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
 //# sourceMappingURL=format.d.cts.map

package/dist/utils/format.d.ts

@@ -10,8 +10,14 @@ declare const integerFormat: LocaleNumberFormat;
 declare const oneDecimalFormat: LocaleNumberFormat;
 declare const twoDecimalFormat: LocaleNumberFormat;
 declare const formatThousands: (n: number) => string;
+declare const formatEnergy: (v: number) => string;
+declare const formatPower: (value: number | null, {
+  signed
+}?: {
+  signed?: boolean;
+}) => string;
 declare const formatPercent: (value: number | null) => string;
 declare const formatRatio: (value: number | null) => string;
 //#endregion
-export { decimalsFormat, formatPercent, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+export { decimalsFormat, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
 //# sourceMappingURL=format.d.ts.map

package/dist/utils/format.js

@@ -22,6 +22,17 @@ const integerFormat = decimalsFormat(0);
 const oneDecimalFormat = decimalsFormat(1);
 const twoDecimalFormat = decimalsFormat(2);
 const formatThousands = (n) => integerFormat.format(n);
+const formatEnergy = (v) => {
+	if (v >= 1e6) return `${twoDecimalFormat.format(v / 1e3)} MWh`;
+	if (v >= 1e3) return `${integerFormat.format(v)} kWh`;
+	if (v >= 10) return `${oneDecimalFormat.format(v)} kWh`;
+	return `${twoDecimalFormat.format(v)} kWh`;
+};
+const formatPower = (value, { signed = false } = {}) => {
+	if (value == null) return "—";
+	const rounded = Math.round(value);
+	return `${signed && rounded > 0 ? "+" : ""}${integerFormat.format(rounded)} W`;
+};
 const formatPercent = (value) => {
 	if (value == null) return "—";
 	return `${integerFormat.format(value)} %`;
@@ -31,6 +42,6 @@ const formatRatio = (value) => {
 	return `${integerFormat.format(value * 100)} %`;
 };
 //#endregion
-export { decimalsFormat, formatPercent, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+export { decimalsFormat, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
 
 //# sourceMappingURL=format.js.map

package/dist/utils/format.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.js","names":[],"sources":["../../src/utils/format.ts"],"sourcesContent":["import { EM_DASH, NARROW_NBSP } from './chars'\n\ninterface LocaleNumberFormat {\n  format: (value: number) => string\n}\n\nfunction getDocumentLang(): string | undefined {\n  return typeof document === 'undefined'\n    ? undefined\n    : document.documentElement.lang || undefined\n}\n\nconst localeNumberFormat = (\n  options?: Intl.NumberFormatOptions,\n): LocaleNumberFormat => {\n  const cache = new Map<string, Intl.NumberFormat>()\n  return {\n    format: (value) => {\n      const locale = getDocumentLang()\n      const key = locale ?? ''\n      let formatter = cache.get(key)\n      if (!formatter) {\n        formatter = new Intl.NumberFormat(locale, options)\n        cache.set(key, formatter)\n      }\n      return formatter.format(value)\n    },\n  }\n}\n\nconst decimalsFormat = (decimals: number) =>\n  localeNumberFormat({ maximumFractionDigits: decimals })\n\nconst integerFormat = decimalsFormat(0)\nconst oneDecimalFormat = decimalsFormat(1)\nconst twoDecimalFormat = decimalsFormat(2)\n\nconst formatThousands = (n: number) => integerFormat.format(n)\n\nconst formatPercent = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value)}${NARROW_NBSP}%`\n}\n\nconst formatRatio = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value * 100)}${NARROW_NBSP}%`\n}\n\nexport {\n  formatThousands,\n  formatPercent,\n  formatRatio,\n  localeNumberFormat,\n  decimalsFormat,\n  integerFormat,\n  oneDecimalFormat,\n  twoDecimalFormat,\n}\n"],"mappings":";;;AAMA,SAAS,kBAAsC;CAC7C,OAAO,OAAO,aAAa,cACvB,KAAA,IACA,SAAS,gBAAgB,QAAQ,KAAA;AACvC;AAEA,MAAM,sBACJ,YACuB;CACvB,MAAM,wBAAQ,IAAI,IAA+B;CACjD,OAAO,EACL,SAAS,UAAU;EACjB,MAAM,SAAS,gBAAgB;EAC/B,MAAM,MAAM,UAAU;EACtB,IAAI,YAAY,MAAM,IAAI,GAAG;EAC7B,IAAI,CAAC,WAAW;GACd,YAAY,IAAI,KAAK,aAAa,QAAQ,OAAO;GACjD,MAAM,IAAI,KAAK,SAAS;EAC1B;EACA,OAAO,UAAU,OAAO,KAAK;CAC/B,EACF;AACF;AAEA,MAAM,kBAAkB,aACtB,mBAAmB,EAAE,uBAAuB,SAAS,CAAC;AAExD,MAAM,gBAAgB,eAAe,CAAC;AACtC,MAAM,mBAAmB,eAAe,CAAC;AACzC,MAAM,mBAAmB,eAAe,CAAC;AAEzC,MAAM,mBAAmB,MAAc,cAAc,OAAO,CAAC;AAE7D,MAAM,iBAAiB,UAAiC;CACtD,IAAI,SAAS,MAAM,OAAA;CACnB,OAAO,GAAG,cAAc,OAAO,KAAK;AACtC;AAEA,MAAM,eAAe,UAAiC;CACpD,IAAI,SAAS,MAAM,OAAA;CACnB,OAAO,GAAG,cAAc,OAAO,QAAQ,GAAG;AAC5C"}
+{"version":3,"file":"format.js","names":[],"sources":["../../src/utils/format.ts"],"sourcesContent":["import { EM_DASH, NARROW_NBSP } from './chars'\n\ninterface LocaleNumberFormat {\n  format: (value: number) => string\n}\n\nfunction getDocumentLang(): string | undefined {\n  return typeof document === 'undefined'\n    ? undefined\n    : document.documentElement.lang || undefined\n}\n\nconst localeNumberFormat = (\n  options?: Intl.NumberFormatOptions,\n): LocaleNumberFormat => {\n  const cache = new Map<string, Intl.NumberFormat>()\n  return {\n    format: (value) => {\n      const locale = getDocumentLang()\n      const key = locale ?? ''\n      let formatter = cache.get(key)\n      if (!formatter) {\n        formatter = new Intl.NumberFormat(locale, options)\n        cache.set(key, formatter)\n      }\n      return formatter.format(value)\n    },\n  }\n}\n\nconst decimalsFormat = (decimals: number) =>\n  localeNumberFormat({ maximumFractionDigits: decimals })\n\nconst integerFormat = decimalsFormat(0)\nconst oneDecimalFormat = decimalsFormat(1)\nconst twoDecimalFormat = decimalsFormat(2)\n\nconst formatThousands = (n: number) => integerFormat.format(n)\n\nconst formatEnergy = (v: number) => {\n  if (v >= 1_000_000) {\n    return `${twoDecimalFormat.format(v / 1000)}${NARROW_NBSP}MWh`\n  }\n  if (v >= 1_000) return `${integerFormat.format(v)}${NARROW_NBSP}kWh`\n  if (v >= 10) return `${oneDecimalFormat.format(v)}${NARROW_NBSP}kWh`\n  return `${twoDecimalFormat.format(v)}${NARROW_NBSP}kWh`\n}\n\nconst formatPower = (\n  value: number | null,\n  { signed = false }: { signed?: boolean } = {},\n): string => {\n  if (value == null) return EM_DASH\n  const rounded = Math.round(value)\n  const sign = signed && rounded > 0 ? '+' : ''\n  return `${sign}${integerFormat.format(rounded)}${NARROW_NBSP}W`\n}\n\nconst formatPercent = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value)}${NARROW_NBSP}%`\n}\n\nconst formatRatio = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value * 100)}${NARROW_NBSP}%`\n}\n\nexport {\n  formatThousands,\n  formatEnergy,\n  formatPower,\n  formatPercent,\n  formatRatio,\n  localeNumberFormat,\n  decimalsFormat,\n  integerFormat,\n  oneDecimalFormat,\n  twoDecimalFormat,\n}\n"],"mappings":";;;AAMA,SAAS,kBAAsC;CAC7C,OAAO,OAAO,aAAa,cACvB,KAAA,IACA,SAAS,gBAAgB,QAAQ,KAAA;AACvC;AAEA,MAAM,sBACJ,YACuB;CACvB,MAAM,wBAAQ,IAAI,IAA+B;CACjD,OAAO,EACL,SAAS,UAAU;EACjB,MAAM,SAAS,gBAAgB;EAC/B,MAAM,MAAM,UAAU;EACtB,IAAI,YAAY,MAAM,IAAI,GAAG;EAC7B,IAAI,CAAC,WAAW;GACd,YAAY,IAAI,KAAK,aAAa,QAAQ,OAAO;GACjD,MAAM,IAAI,KAAK,SAAS;EAC1B;EACA,OAAO,UAAU,OAAO,KAAK;CAC/B,EACF;AACF;AAEA,MAAM,kBAAkB,aACtB,mBAAmB,EAAE,uBAAuB,SAAS,CAAC;AAExD,MAAM,gBAAgB,eAAe,CAAC;AACtC,MAAM,mBAAmB,eAAe,CAAC;AACzC,MAAM,mBAAmB,eAAe,CAAC;AAEzC,MAAM,mBAAmB,MAAc,cAAc,OAAO,CAAC;AAE7D,MAAM,gBAAgB,MAAc;CAClC,IAAI,KAAK,KACP,OAAO,GAAG,iBAAiB,OAAO,IAAI,GAAI;CAE5C,IAAI,KAAK,KAAO,OAAO,GAAG,cAAc,OAAO,CAAC;CAChD,IAAI,KAAK,IAAI,OAAO,GAAG,iBAAiB,OAAO,CAAC;CAChD,OAAO,GAAG,iBAAiB,OAAO,CAAC;AACrC;AAEA,MAAM,eACJ,OACA,EAAE,SAAS,UAAgC,CAAC,MACjC;CACX,IAAI,SAAS,MAAM,OAAA;CACnB,MAAM,UAAU,KAAK,MAAM,KAAK;CAEhC,OAAO,GADM,UAAU,UAAU,IAAI,MAAM,KAC1B,cAAc,OAAO,OAAO;AAC/C;AAEA,MAAM,iBAAiB,UAAiC;CACtD,IAAI,SAAS,MAAM,OAAA;CACnB,OAAO,GAAG,cAAc,OAAO,KAAK;AACtC;AAEA,MAAM,eAAe,UAAiC;CACpD,IAAI,SAAS,MAAM,OAAA;CACnB,OAAO,GAAG,cAAc,OAAO,QAAQ,GAAG;AAC5C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epilot/spark-ui",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "React UI component library from Spark SDK",
   "homepage": "https://spark-ui.epilot.io/docs/ui",
   "license": "Apache-2.0",
@@ -79,7 +79,7 @@
     "@visx/vendor": "^4.0.0-alpha.11",
     "bezier-easing": "^2.1.0",
     "class-variance-authority": "^0.7.1",
-    "cnfast": "^0.0.8",
+    "cn": "^0.4.0",
     "colorjs.io": "^0.5.2",
     "ictus": "^0.1.2",
     "vaul": "^1.1.2",