@epilot/spark-ui 1.0.0-alpha.2 → 1.0.0-alpha.4

package/dist/utils/chart-scale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scale.js","names":[],"sources":["../../src/utils/chart-scale.ts"],"sourcesContent":["import { integerFormat, oneDecimalFormat } from './format'\n\nconst NICE_STEPS = [1, 2, 2.5, 5, 10]\n\n// Rounds a rough step up to the nearest \"nice\" value (1, 2, 2.5, 5, 10 × 10ⁿ).\nfunction niceStep(rough: number): number {\n  const normalized = rough === 0 ? 1 : rough\n  const magnitude = Math.pow(10, Math.floor(Math.log10(normalized)))\n  return (\n    (NICE_STEPS.find((value) => value * magnitude >= normalized) ?? 10) *\n    magnitude\n  )\n}\n\nexport interface YAxisScale {\n  ticks: number[]\n  /** Rounded lower bound (≤ `min`); use as the y-scale domain minimum. */\n  min: number\n  /** Rounded upper bound (≥ `max`); use as the y-scale domain maximum. */\n  max: number\n}\n\n/**\n * Nice y-axis ticks and rounded bounds spanning `[min, max]`, always including\n * zero (so signed stacks dip below the baseline). Shared by BarChart, LineChart\n * and PowerHistoryChart so their y-axes are generated identically. `targetSteps`\n * is the desired number of intervals (default 4).\n */\nexport function buildYAxisScale(\n  min: number,\n  max: number,\n  targetSteps = 4,\n): YAxisScale {\n  const step = niceStep((max - min || 1) / targetSteps)\n  const lo = Math.floor(min / step) * step\n  const hi = Math.ceil(max / step) * step\n  const ticks: number[] = []\n  for (let value = lo; value <= hi + step * 0.001; value += step) {\n    ticks.push(Number(value.toFixed(6)))\n  }\n  return { ticks, min: lo, max: hi }\n}\n\n/** Compact tick label: integers at/above 10, one decimal below. */\nexport function formatYAxisTick(value: number): string {\n  return Math.abs(value) >= 10\n    ? integerFormat.format(value)\n    : oneDecimalFormat.format(value)\n}\n"],"mappings":";;;AAEA,MAAM,aAAa;CAAC;CAAG;CAAG;CAAK;CAAG;CAAG;AAGrC,SAAS,SAAS,OAAuB;CACvC,MAAM,aAAa,UAAU,IAAI,IAAI;CACrC,MAAM,YAAY,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,MAAM,WAAW,CAAC,CAAC;AAClE,SACG,WAAW,MAAM,UAAU,QAAQ,aAAa,WAAW,IAAI,MAChE;;;;;;;;AAkBJ,SAAgB,gBACd,KACA,KACA,cAAc,GACF;CACZ,MAAM,OAAO,UAAU,MAAM,OAAO,KAAK,YAAY;CACrD,MAAM,KAAK,KAAK,MAAM,MAAM,KAAK,GAAG;CACpC,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,GAAG;CACnC,MAAM,QAAkB,EAAE;AAC1B,MAAK,IAAI,QAAQ,IAAI,SAAS,KAAK,OAAO,MAAO,SAAS,KACxD,OAAM,KAAK,OAAO,MAAM,QAAQ,EAAE,CAAC,CAAC;AAEtC,QAAO;EAAE;EAAO,KAAK;EAAI,KAAK;EAAI;;;AAIpC,SAAgB,gBAAgB,OAAuB;AACrD,QAAO,KAAK,IAAI,MAAM,IAAI,KACtB,cAAc,OAAO,MAAM,GAC3B,iBAAiB,OAAO,MAAM"}

package/dist/utils/cn.cjs

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

package/dist/utils/cn.d.cts

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

package/dist/utils/cn.d.ts

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

package/dist/utils/cn.js

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

package/dist/utils/date-mask.cjs

@@ -0,0 +1,45 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/utils/date-mask.ts
+function maskDateInput(value, { separator = ".", deleting = false } = {}) {
+	const digits = value.replace(/\D/g, "").slice(0, 8);
+	let out = digits.slice(0, 2);
+	if (digits.length > 2) out += separator + digits.slice(2, 4);
+	if (digits.length > 4) out += separator + digits.slice(4, 8);
+	const groupComplete = digits.length === 2 || digits.length === 4;
+	const keepTrailing = deleting ? /[./-]$/.test(value) : true;
+	if (groupComplete && keepTrailing) out += separator;
+	return out;
+}
+function parseTypedDate(value) {
+	const parts = value.trim().split(/[./-]/).map(Number);
+	if (parts.length !== 3 || parts.some(Number.isNaN)) return void 0;
+	const [day, month, year] = parts;
+	const parsed = new Date(year, month - 1, day);
+	return parsed.getFullYear() === year && parsed.getMonth() === month - 1 && parsed.getDate() === day ? parsed : void 0;
+}
+function maskedDateCaret(masked, digitsBefore) {
+	let digits = 0;
+	let index = 0;
+	while (index < masked.length && digits < digitsBefore) {
+		if (/\d/.test(masked[index])) digits++;
+		index++;
+	}
+	while (index < masked.length && /\D/.test(masked[index])) index++;
+	return index;
+}
+function formatTypedDate(date, separator = ".") {
+	const pad = (n) => String(n).padStart(2, "0");
+	return [
+		pad(date.getDate()),
+		pad(date.getMonth() + 1),
+		date.getFullYear()
+	].join(separator);
+}
+//#endregion
+exports.formatTypedDate = formatTypedDate;
+exports.maskDateInput = maskDateInput;
+exports.maskedDateCaret = maskedDateCaret;
+exports.parseTypedDate = parseTypedDate;
+
+//# sourceMappingURL=date-mask.cjs.map

package/dist/utils/date-mask.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-mask.cjs","names":[],"sources":["../../src/utils/date-mask.ts"],"sourcesContent":["// Helpers for a typeable date field: mask keystrokes into DD.MM.YYYY, parse the\n// masked value into a Date, and format a picked Date back into the masked value.\n\n// While typing, a completed group (2 or 4 digits) gets a trailing separator so\n// the next group flows. While deleting, the trailing separator is kept only if\n// the raw value still ends with one — so backspace lands on `DD.MM.` first, then\n// removes the separator on the next press, one character at a time.\nexport function maskDateInput(\n  value: string,\n  { separator = '.', deleting = false }: MaskOptions = {},\n): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 8)\n  let out = digits.slice(0, 2)\n  if (digits.length > 2) out += separator + digits.slice(2, 4)\n  if (digits.length > 4) out += separator + digits.slice(4, 8)\n  const groupComplete = digits.length === 2 || digits.length === 4\n  const keepTrailing = deleting ? /[./-]$/.test(value) : true\n  if (groupComplete && keepTrailing) out += separator\n  return out\n}\n\n// Accepts any of `.` `/` `-` as separators; rejects impossible dates (32.01.2020).\nexport function parseTypedDate(value: string): Date | undefined {\n  const parts = value.trim().split(/[./-]/).map(Number)\n  if (parts.length !== 3 || parts.some(Number.isNaN)) return undefined\n  const [day, month, year] = parts as [number, number, number]\n  const parsed = new Date(year, month - 1, day)\n  const valid =\n    parsed.getFullYear() === year &&\n    parsed.getMonth() === month - 1 &&\n    parsed.getDate() === day\n  return valid ? parsed : undefined\n}\n\n// Caret position after TYPING: after the typed digit, flowing past a\n// separator into the next group. (For deletions, keep the raw caret instead —\n// the mask's separator positions are fixed, so it maps directly and backspace\n// can cross separators without looping.)\nexport function maskedDateCaret(masked: string, digitsBefore: number): number {\n  let digits = 0\n  let index = 0\n  while (index < masked.length && digits < digitsBefore) {\n    if (/\\d/.test(masked[index]!)) digits++\n    index++\n  }\n  while (index < masked.length && /\\D/.test(masked[index]!)) index++\n  return index\n}\n\nexport function formatTypedDate(date: Date, separator = '.'): string {\n  const pad = (n: number) => String(n).padStart(2, '0')\n  return [\n    pad(date.getDate()),\n    pad(date.getMonth() + 1),\n    date.getFullYear(),\n  ].join(separator)\n}\n\ninterface MaskOptions {\n  separator?: string\n  deleting?: boolean\n}\n"],"mappings":";;;AAOA,SAAgB,cACd,OACA,EAAE,YAAY,KAAK,WAAW,UAAuB,EAAE,EAC/C;CACR,MAAM,SAAS,MAAM,QAAQ,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE;CACnD,IAAI,MAAM,OAAO,MAAM,GAAG,EAAE;AAC5B,KAAI,OAAO,SAAS,EAAG,QAAO,YAAY,OAAO,MAAM,GAAG,EAAE;AAC5D,KAAI,OAAO,SAAS,EAAG,QAAO,YAAY,OAAO,MAAM,GAAG,EAAE;CAC5D,MAAM,gBAAgB,OAAO,WAAW,KAAK,OAAO,WAAW;CAC/D,MAAM,eAAe,WAAW,SAAS,KAAK,MAAM,GAAG;AACvD,KAAI,iBAAiB,aAAc,QAAO;AAC1C,QAAO;;AAIT,SAAgB,eAAe,OAAiC;CAC9D,MAAM,QAAQ,MAAM,MAAM,CAAC,MAAM,QAAQ,CAAC,IAAI,OAAO;AACrD,KAAI,MAAM,WAAW,KAAK,MAAM,KAAK,OAAO,MAAM,CAAE,QAAO,KAAA;CAC3D,MAAM,CAAC,KAAK,OAAO,QAAQ;CAC3B,MAAM,SAAS,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;AAK7C,QAHE,OAAO,aAAa,KAAK,QACzB,OAAO,UAAU,KAAK,QAAQ,KAC9B,OAAO,SAAS,KAAK,MACR,SAAS,KAAA;;AAO1B,SAAgB,gBAAgB,QAAgB,cAA8B;CAC5E,IAAI,SAAS;CACb,IAAI,QAAQ;AACZ,QAAO,QAAQ,OAAO,UAAU,SAAS,cAAc;AACrD,MAAI,KAAK,KAAK,OAAO,OAAQ,CAAE;AAC/B;;AAEF,QAAO,QAAQ,OAAO,UAAU,KAAK,KAAK,OAAO,OAAQ,CAAE;AAC3D,QAAO;;AAGT,SAAgB,gBAAgB,MAAY,YAAY,KAAa;CACnE,MAAM,OAAO,MAAc,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI;AACrD,QAAO;EACL,IAAI,KAAK,SAAS,CAAC;EACnB,IAAI,KAAK,UAAU,GAAG,EAAE;EACxB,KAAK,aAAa;EACnB,CAAC,KAAK,UAAU"}

package/dist/utils/date-mask.d.cts

@@ -0,0 +1,17 @@
+"use client";
+
+//#region src/utils/date-mask.d.ts
+declare function maskDateInput(value: string, {
+  separator,
+  deleting
+}?: MaskOptions): string;
+declare function parseTypedDate(value: string): Date | undefined;
+declare function maskedDateCaret(masked: string, digitsBefore: number): number;
+declare function formatTypedDate(date: Date, separator?: string): string;
+interface MaskOptions {
+  separator?: string;
+  deleting?: boolean;
+}
+//#endregion
+export { formatTypedDate, maskDateInput, maskedDateCaret, parseTypedDate };
+//# sourceMappingURL=date-mask.d.cts.map

package/dist/utils/date-mask.d.ts

@@ -0,0 +1,17 @@
+"use client";
+
+//#region src/utils/date-mask.d.ts
+declare function maskDateInput(value: string, {
+  separator,
+  deleting
+}?: MaskOptions): string;
+declare function parseTypedDate(value: string): Date | undefined;
+declare function maskedDateCaret(masked: string, digitsBefore: number): number;
+declare function formatTypedDate(date: Date, separator?: string): string;
+interface MaskOptions {
+  separator?: string;
+  deleting?: boolean;
+}
+//#endregion
+export { formatTypedDate, maskDateInput, maskedDateCaret, parseTypedDate };
+//# sourceMappingURL=date-mask.d.ts.map

package/dist/utils/date-mask.js

@@ -0,0 +1,41 @@
+"use client";
+//#region src/utils/date-mask.ts
+function maskDateInput(value, { separator = ".", deleting = false } = {}) {
+	const digits = value.replace(/\D/g, "").slice(0, 8);
+	let out = digits.slice(0, 2);
+	if (digits.length > 2) out += separator + digits.slice(2, 4);
+	if (digits.length > 4) out += separator + digits.slice(4, 8);
+	const groupComplete = digits.length === 2 || digits.length === 4;
+	const keepTrailing = deleting ? /[./-]$/.test(value) : true;
+	if (groupComplete && keepTrailing) out += separator;
+	return out;
+}
+function parseTypedDate(value) {
+	const parts = value.trim().split(/[./-]/).map(Number);
+	if (parts.length !== 3 || parts.some(Number.isNaN)) return void 0;
+	const [day, month, year] = parts;
+	const parsed = new Date(year, month - 1, day);
+	return parsed.getFullYear() === year && parsed.getMonth() === month - 1 && parsed.getDate() === day ? parsed : void 0;
+}
+function maskedDateCaret(masked, digitsBefore) {
+	let digits = 0;
+	let index = 0;
+	while (index < masked.length && digits < digitsBefore) {
+		if (/\d/.test(masked[index])) digits++;
+		index++;
+	}
+	while (index < masked.length && /\D/.test(masked[index])) index++;
+	return index;
+}
+function formatTypedDate(date, separator = ".") {
+	const pad = (n) => String(n).padStart(2, "0");
+	return [
+		pad(date.getDate()),
+		pad(date.getMonth() + 1),
+		date.getFullYear()
+	].join(separator);
+}
+//#endregion
+export { formatTypedDate, maskDateInput, maskedDateCaret, parseTypedDate };
+
+//# sourceMappingURL=date-mask.js.map

package/dist/utils/date-mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-mask.js","names":[],"sources":["../../src/utils/date-mask.ts"],"sourcesContent":["// Helpers for a typeable date field: mask keystrokes into DD.MM.YYYY, parse the\n// masked value into a Date, and format a picked Date back into the masked value.\n\n// While typing, a completed group (2 or 4 digits) gets a trailing separator so\n// the next group flows. While deleting, the trailing separator is kept only if\n// the raw value still ends with one — so backspace lands on `DD.MM.` first, then\n// removes the separator on the next press, one character at a time.\nexport function maskDateInput(\n  value: string,\n  { separator = '.', deleting = false }: MaskOptions = {},\n): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 8)\n  let out = digits.slice(0, 2)\n  if (digits.length > 2) out += separator + digits.slice(2, 4)\n  if (digits.length > 4) out += separator + digits.slice(4, 8)\n  const groupComplete = digits.length === 2 || digits.length === 4\n  const keepTrailing = deleting ? /[./-]$/.test(value) : true\n  if (groupComplete && keepTrailing) out += separator\n  return out\n}\n\n// Accepts any of `.` `/` `-` as separators; rejects impossible dates (32.01.2020).\nexport function parseTypedDate(value: string): Date | undefined {\n  const parts = value.trim().split(/[./-]/).map(Number)\n  if (parts.length !== 3 || parts.some(Number.isNaN)) return undefined\n  const [day, month, year] = parts as [number, number, number]\n  const parsed = new Date(year, month - 1, day)\n  const valid =\n    parsed.getFullYear() === year &&\n    parsed.getMonth() === month - 1 &&\n    parsed.getDate() === day\n  return valid ? parsed : undefined\n}\n\n// Caret position after TYPING: after the typed digit, flowing past a\n// separator into the next group. (For deletions, keep the raw caret instead —\n// the mask's separator positions are fixed, so it maps directly and backspace\n// can cross separators without looping.)\nexport function maskedDateCaret(masked: string, digitsBefore: number): number {\n  let digits = 0\n  let index = 0\n  while (index < masked.length && digits < digitsBefore) {\n    if (/\\d/.test(masked[index]!)) digits++\n    index++\n  }\n  while (index < masked.length && /\\D/.test(masked[index]!)) index++\n  return index\n}\n\nexport function formatTypedDate(date: Date, separator = '.'): string {\n  const pad = (n: number) => String(n).padStart(2, '0')\n  return [\n    pad(date.getDate()),\n    pad(date.getMonth() + 1),\n    date.getFullYear(),\n  ].join(separator)\n}\n\ninterface MaskOptions {\n  separator?: string\n  deleting?: boolean\n}\n"],"mappings":";;AAOA,SAAgB,cACd,OACA,EAAE,YAAY,KAAK,WAAW,UAAuB,EAAE,EAC/C;CACR,MAAM,SAAS,MAAM,QAAQ,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE;CACnD,IAAI,MAAM,OAAO,MAAM,GAAG,EAAE;AAC5B,KAAI,OAAO,SAAS,EAAG,QAAO,YAAY,OAAO,MAAM,GAAG,EAAE;AAC5D,KAAI,OAAO,SAAS,EAAG,QAAO,YAAY,OAAO,MAAM,GAAG,EAAE;CAC5D,MAAM,gBAAgB,OAAO,WAAW,KAAK,OAAO,WAAW;CAC/D,MAAM,eAAe,WAAW,SAAS,KAAK,MAAM,GAAG;AACvD,KAAI,iBAAiB,aAAc,QAAO;AAC1C,QAAO;;AAIT,SAAgB,eAAe,OAAiC;CAC9D,MAAM,QAAQ,MAAM,MAAM,CAAC,MAAM,QAAQ,CAAC,IAAI,OAAO;AACrD,KAAI,MAAM,WAAW,KAAK,MAAM,KAAK,OAAO,MAAM,CAAE,QAAO,KAAA;CAC3D,MAAM,CAAC,KAAK,OAAO,QAAQ;CAC3B,MAAM,SAAS,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;AAK7C,QAHE,OAAO,aAAa,KAAK,QACzB,OAAO,UAAU,KAAK,QAAQ,KAC9B,OAAO,SAAS,KAAK,MACR,SAAS,KAAA;;AAO1B,SAAgB,gBAAgB,QAAgB,cAA8B;CAC5E,IAAI,SAAS;CACb,IAAI,QAAQ;AACZ,QAAO,QAAQ,OAAO,UAAU,SAAS,cAAc;AACrD,MAAI,KAAK,KAAK,OAAO,OAAQ,CAAE;AAC/B;;AAEF,QAAO,QAAQ,OAAO,UAAU,KAAK,KAAK,OAAO,OAAQ,CAAE;AAC3D,QAAO;;AAGT,SAAgB,gBAAgB,MAAY,YAAY,KAAa;CACnE,MAAM,OAAO,MAAc,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI;AACrD,QAAO;EACL,IAAI,KAAK,SAAS,CAAC;EACnB,IAAI,KAAK,UAAU,GAAG,EAAE;EACxB,KAAK,aAAa;EACnB,CAAC,KAAK,UAAU"}

package/dist/utils/format.cjs

@@ -0,0 +1,57 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./chars.cjs");
+//#region src/utils/format.ts
+function getDocumentLang() {
+	return typeof document === "undefined" ? void 0 : document.documentElement.lang || void 0;
+}
+const localeNumberFormat = (options) => {
+	const cache = /* @__PURE__ */ new Map();
+	return { format: (value) => {
+		const locale = getDocumentLang();
+		const key = locale ?? "";
+		let formatter = cache.get(key);
+		if (!formatter) {
+			formatter = new Intl.NumberFormat(locale, options);
+			cache.set(key, formatter);
+		}
+		return formatter.format(value);
+	} };
+};
+const decimalsFormat = (decimals) => localeNumberFormat({ maximumFractionDigits: decimals });
+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)} %`;
+};
+const formatRatio = (value) => {
+	if (value == null) return "—";
+	return `${integerFormat.format(value * 100)} %`;
+};
+//#endregion
+exports.decimalsFormat = decimalsFormat;
+exports.formatEnergy = formatEnergy;
+exports.formatPercent = formatPercent;
+exports.formatPower = formatPower;
+exports.formatRatio = formatRatio;
+exports.formatThousands = formatThousands;
+exports.integerFormat = integerFormat;
+exports.localeNumberFormat = localeNumberFormat;
+exports.oneDecimalFormat = oneDecimalFormat;
+exports.twoDecimalFormat = twoDecimalFormat;
+
+//# sourceMappingURL=format.cjs.map

package/dist/utils/format.cjs.map

@@ -0,0 +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 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;AAC7C,QAAO,OAAO,aAAa,cACvB,KAAA,IACA,SAAS,gBAAgB,QAAQ,KAAA;;AAGvC,MAAM,sBACJ,YACuB;CACvB,MAAM,wBAAQ,IAAI,KAAgC;AAClD,QAAO,EACL,SAAS,UAAU;EACjB,MAAM,SAAS,iBAAiB;EAChC,MAAM,MAAM,UAAU;EACtB,IAAI,YAAY,MAAM,IAAI,IAAI;AAC9B,MAAI,CAAC,WAAW;AACd,eAAY,IAAI,KAAK,aAAa,QAAQ,QAAQ;AAClD,SAAM,IAAI,KAAK,UAAU;;AAE3B,SAAO,UAAU,OAAO,MAAM;IAEjC;;AAGH,MAAM,kBAAkB,aACtB,mBAAmB,EAAE,uBAAuB,UAAU,CAAC;AAEzD,MAAM,gBAAgB,eAAe,EAAE;AACvC,MAAM,mBAAmB,eAAe,EAAE;AAC1C,MAAM,mBAAmB,eAAe,EAAE;AAE1C,MAAM,mBAAmB,MAAc,cAAc,OAAO,EAAE;AAE9D,MAAM,gBAAgB,MAAc;AAClC,KAAI,KAAK,IACP,QAAO,GAAG,iBAAiB,OAAO,IAAI,IAAK;AAE7C,KAAI,KAAK,IAAO,QAAO,GAAG,cAAc,OAAO,EAAE;AACjD,KAAI,KAAK,GAAI,QAAO,GAAG,iBAAiB,OAAO,EAAE;AACjD,QAAO,GAAG,iBAAiB,OAAO,EAAE;;AAGtC,MAAM,eACJ,OACA,EAAE,SAAS,UAAgC,EAAE,KAClC;AACX,KAAI,SAAS,KAAM,QAAA;CACnB,MAAM,UAAU,KAAK,MAAM,MAAM;AAEjC,QAAO,GADM,UAAU,UAAU,IAAI,MAAM,KAC1B,cAAc,OAAO,QAAQ;;AAGhD,MAAM,iBAAiB,UAAiC;AACtD,KAAI,SAAS,KAAM,QAAA;AACnB,QAAO,GAAG,cAAc,OAAO,MAAM;;AAGvC,MAAM,eAAe,UAAiC;AACpD,KAAI,SAAS,KAAM,QAAA;AACnB,QAAO,GAAG,cAAc,OAAO,QAAQ,IAAI"}

package/dist/utils/format.d.cts

@@ -0,0 +1,23 @@
+"use client";
+
+//#region src/utils/format.d.ts
+interface LocaleNumberFormat {
+  format: (value: number) => string;
+}
+declare const localeNumberFormat: (options?: Intl.NumberFormatOptions) => LocaleNumberFormat;
+declare const decimalsFormat: (decimals: number) => LocaleNumberFormat;
+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, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+//# sourceMappingURL=format.d.cts.map

package/dist/utils/format.d.ts

@@ -0,0 +1,23 @@
+"use client";
+
+//#region src/utils/format.d.ts
+interface LocaleNumberFormat {
+  format: (value: number) => string;
+}
+declare const localeNumberFormat: (options?: Intl.NumberFormatOptions) => LocaleNumberFormat;
+declare const decimalsFormat: (decimals: number) => LocaleNumberFormat;
+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, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+//# sourceMappingURL=format.d.ts.map

package/dist/utils/format.js

@@ -0,0 +1,47 @@
+"use client";
+import "./chars.js";
+//#region src/utils/format.ts
+function getDocumentLang() {
+	return typeof document === "undefined" ? void 0 : document.documentElement.lang || void 0;
+}
+const localeNumberFormat = (options) => {
+	const cache = /* @__PURE__ */ new Map();
+	return { format: (value) => {
+		const locale = getDocumentLang();
+		const key = locale ?? "";
+		let formatter = cache.get(key);
+		if (!formatter) {
+			formatter = new Intl.NumberFormat(locale, options);
+			cache.set(key, formatter);
+		}
+		return formatter.format(value);
+	} };
+};
+const decimalsFormat = (decimals) => localeNumberFormat({ maximumFractionDigits: decimals });
+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)} %`;
+};
+const formatRatio = (value) => {
+	if (value == null) return "—";
+	return `${integerFormat.format(value * 100)} %`;
+};
+//#endregion
+export { decimalsFormat, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+
+//# sourceMappingURL=format.js.map

package/dist/utils/format.js.map

@@ -0,0 +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 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;AAC7C,QAAO,OAAO,aAAa,cACvB,KAAA,IACA,SAAS,gBAAgB,QAAQ,KAAA;;AAGvC,MAAM,sBACJ,YACuB;CACvB,MAAM,wBAAQ,IAAI,KAAgC;AAClD,QAAO,EACL,SAAS,UAAU;EACjB,MAAM,SAAS,iBAAiB;EAChC,MAAM,MAAM,UAAU;EACtB,IAAI,YAAY,MAAM,IAAI,IAAI;AAC9B,MAAI,CAAC,WAAW;AACd,eAAY,IAAI,KAAK,aAAa,QAAQ,QAAQ;AAClD,SAAM,IAAI,KAAK,UAAU;;AAE3B,SAAO,UAAU,OAAO,MAAM;IAEjC;;AAGH,MAAM,kBAAkB,aACtB,mBAAmB,EAAE,uBAAuB,UAAU,CAAC;AAEzD,MAAM,gBAAgB,eAAe,EAAE;AACvC,MAAM,mBAAmB,eAAe,EAAE;AAC1C,MAAM,mBAAmB,eAAe,EAAE;AAE1C,MAAM,mBAAmB,MAAc,cAAc,OAAO,EAAE;AAE9D,MAAM,gBAAgB,MAAc;AAClC,KAAI,KAAK,IACP,QAAO,GAAG,iBAAiB,OAAO,IAAI,IAAK;AAE7C,KAAI,KAAK,IAAO,QAAO,GAAG,cAAc,OAAO,EAAE;AACjD,KAAI,KAAK,GAAI,QAAO,GAAG,iBAAiB,OAAO,EAAE;AACjD,QAAO,GAAG,iBAAiB,OAAO,EAAE;;AAGtC,MAAM,eACJ,OACA,EAAE,SAAS,UAAgC,EAAE,KAClC;AACX,KAAI,SAAS,KAAM,QAAA;CACnB,MAAM,UAAU,KAAK,MAAM,MAAM;AAEjC,QAAO,GADM,UAAU,UAAU,IAAI,MAAM,KAC1B,cAAc,OAAO,QAAQ;;AAGhD,MAAM,iBAAiB,UAAiC;AACtD,KAAI,SAAS,KAAM,QAAA;AACnB,QAAO,GAAG,cAAc,OAAO,MAAM;;AAGvC,MAAM,eAAe,UAAiC;AACpD,KAAI,SAAS,KAAM,QAAA;AACnB,QAAO,GAAG,cAAc,OAAO,QAAQ,IAAI"}

package/package.json

@@ -1,79 +1,94 @@
 {
   "name": "@epilot/spark-ui",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.4",
   "description": "React UI component library from Spark SDK",
-  "type": "module",
-  "sideEffects": false,
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./styles": "./dist/index.css",
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "scripts": {
-    "build": "tsup && vite build",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "clean": "rm -rf dist"
-  },
+  "license": "Apache-2.0",
   "author": "epilot",
-  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/epilot/spark-sdk.git",
     "directory": "packages/ui"
   },
-  "peerDependencies": {
-    "react": ">=17.0.0",
-    "react-dom": ">=17.0.0",
-    "tailwindcss": ">=4.0.0",
-    "tw-animate-css": ">=1.4.0"
+  "files": [
+    "dist",
+    "LICENSE",
+    "NOTICE",
+    "README.md"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    "./styles": "./dist/styles/index.css",
+    "./spark-default": "./dist/styles/spark-default.css",
+    "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
+      "default": "./dist/utils/*.js"
+    },
+    "./icons/*": {
+      "types": "./dist/icons/*.d.ts",
+      "default": "./dist/icons/*.js"
+    },
+    "./*": {
+      "types": "./dist/components/*.d.ts",
+      "default": "./dist/components/*.js"
+    }
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.6.0",
+    "@daypicker/react": "^10.0.1",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@number-flow/react": "^0.6.0",
+    "@radix-ui/colors": "^3.0.0",
+    "@shadcn/react": "^0.2.1",
+    "@visx/curve": "^4.0.0-alpha.11",
+    "@visx/event": "^4.0.0-alpha.11",
+    "@visx/group": "^4.0.0-alpha.11",
+    "@visx/sankey": "^4.0.0-alpha.11",
+    "@visx/scale": "^4.0.0-alpha.11",
+    "@visx/shape": "^4.0.0-alpha.11",
+    "@visx/tooltip": "^4.0.0-alpha.11",
+    "@visx/vendor": "^4.0.0-alpha.11",
+    "bezier-easing": "^2.1.0",
+    "class-variance-authority": "^0.7.1",
+    "cnfast": "^0.0.8",
+    "colorjs.io": "^0.5.2",
+    "sonner": "^2.0.7",
+    "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.2.1",
+    "@tailwindcss/postcss": "^4.2.4",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.3.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.8",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "tailwindcss": "^4.2.1",
-    "tsup": "^8.5.1",
+    "jsdom": "^29.1.1",
+    "postcss": "^8.5.12",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5.9.3",
-    "vite": "^6.0.0"
+    "typescript": "^6.0.2",
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
+    "vite-plus": "^0.1.20",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@latest",
+    "vitest-axe": "^0.1.0"
   },
-  "dependencies": {
-    "@radix-ui/colors": "^3.0.0",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@visx/curve": "^3.12.0",
-    "@visx/event": "^3.12.0",
-    "@visx/group": "^3.12.0",
-    "@visx/scale": "^3.12.0",
-    "@visx/shape": "^3.12.0",
-    "@visx/tooltip": "^3.12.0",
-    "@visx/vendor": "^3.12.0",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "tailwind-merge": "^3.5.0",
-    "vaul": "^1.1.2"
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "tailwindcss": ">=4.1.0",
+    "tw-animate-css": ">=1.4.0"
+  },
+  "scripts": {
+    "build": "vp pack",
+    "clean": "rm -rf dist",
+    "dev": "vp pack --watch",
+    "test": "vp test run",
+    "typecheck": "tsc --noEmit"
   }
-}
+}