@epilot/spark-ui 0.18.2 → 0.20.0

package/dist/utils/format.cjs

@@ -23,17 +23,6 @@ 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)} %`;
@@ -44,9 +33,7 @@ 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 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"}
+{"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"}

package/dist/utils/format.d.cts

@@ -10,14 +10,8 @@ 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 };
+export { decimalsFormat, formatPercent, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
 //# sourceMappingURL=format.d.cts.map

package/dist/utils/format.d.ts

@@ -10,14 +10,8 @@ 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 };
+export { decimalsFormat, formatPercent, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
 //# sourceMappingURL=format.d.ts.map

package/dist/utils/format.js

@@ -22,17 +22,6 @@ 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)} %`;
@@ -42,6 +31,6 @@ const formatRatio = (value) => {
 	return `${integerFormat.format(value * 100)} %`;
 };
 //#endregion
-export { decimalsFormat, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+export { decimalsFormat, formatPercent, 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 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"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epilot/spark-ui",
-  "version": "0.18.2",
+  "version": "0.20.0",
   "description": "React UI component library from Spark SDK",
   "homepage": "https://spark-ui.epilot.io/docs/ui",
   "license": "Apache-2.0",

package/dist/components/battery-progress-row.cjs

@@ -1,135 +0,0 @@
-"use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_components_badge = require("./badge.cjs");
-const require_components_icon = require("./icon.cjs");
-const require_components_progress = require("./progress.cjs");
-let _epilot_spark_icons = require("@epilot/spark-icons");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let cnfast = require("cnfast");
-//#region src/components/battery-progress-row.tsx
-const BatteryProgressRowContext = (0, react.createContext)(null);
-function useBatteryProgressRowContext() {
-	const context = (0, react.useContext)(BatteryProgressRowContext);
-	if (!context) throw new Error("BatteryProgressRow.* must be rendered inside <BatteryProgressRow>");
-	return context;
-}
-const BatteryProgressRow = ({ className, soc, children, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BatteryProgressRowContext.Provider, {
-		value: { soc },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: (0, cnfast.cn)("flex items-center gap-3", className),
-			...rest,
-			children
-		})
-	});
-};
-const BATTERY_BY_LEVEL = [
-	_epilot_spark_icons.Battery0Bar,
-	_epilot_spark_icons.Battery1Bar,
-	_epilot_spark_icons.Battery2Bar,
-	_epilot_spark_icons.Battery3Bar,
-	_epilot_spark_icons.Battery4Bar,
-	_epilot_spark_icons.Battery5Bar,
-	_epilot_spark_icons.Battery6Bar
-];
-const BatteryProgressRowIcon = ({ className, icon: overrideIcon, ...rest }) => {
-	const { soc } = useBatteryProgressRowContext();
-	const clampedSoc = Math.min(Math.max(soc, 0), 100);
-	const batteryLevel = Math.min(Math.floor(clampedSoc / (100 / 7)), 6);
-	const fallback = clampedSoc === 100 ? _epilot_spark_icons.BatteryFull : BATTERY_BY_LEVEL[batteryLevel] ?? _epilot_spark_icons.Battery0Bar;
-	const Glyph = overrideIcon ?? fallback;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_icon.Icon, {
-		...rest,
-		className,
-		color: "success",
-		size: "large",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Glyph, {})
-	});
-};
-const BatteryProgressRowContent = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, cnfast.cn)("flex min-w-0 flex-1 flex-col gap-1.5", className),
-		...rest
-	});
-};
-const BatteryProgressRowHeader = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, cnfast.cn)("flex items-center justify-between gap-2", className),
-		...rest
-	});
-};
-const toneToBadgeColor = {
-	success: "success",
-	warning: "warning",
-	error: "danger",
-	accent: "accent",
-	neutral: "neutral"
-};
-const BatteryProgressRowStateBadge = ({ className, children, tone = "neutral", ...rest }) => {
-	if (children === null || children === void 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_badge.Badge, {
-		color: toneToBadgeColor[tone],
-		className: (0, cnfast.cn)("w-fit", className),
-		...rest,
-		children
-	});
-};
-const BatteryProgressRowChargingPower = ({ className, children, ...rest }) => {
-	if (children === null || children === void 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: (0, cnfast.cn)("ml-auto text-lg leading-tight font-bold text-gray tabular-nums", className),
-		...rest,
-		children
-	});
-};
-/**
-* Linear progress bar bound to the row's `soc`.
-*/
-const BatteryProgressRowProgressBar = ({ className, ...rest }) => {
-	const { soc } = useBatteryProgressRowContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_progress.Progress, {
-		className,
-		max: 100,
-		value: soc,
-		...rest
-	});
-};
-const BatteryProgressRowFooter = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, cnfast.cn)("flex justify-between text-xs text-gray-light tabular-nums", className),
-		...rest
-	});
-};
-const BatteryProgressRowMinSoc = ({ className, children, ...rest }) => {
-	if (children === null || children === void 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: (0, cnfast.cn)(className),
-		...rest,
-		children
-	});
-};
-/**
-* Current state-of-charge label, rendered as `{soc}%`. Reads from context.
-*/
-const BatteryProgressRowSoc = ({ className, ...rest }) => {
-	const { soc } = useBatteryProgressRowContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: (0, cnfast.cn)(className),
-		...rest,
-		children: `${soc}%`
-	});
-};
-//#endregion
-exports.BatteryProgressRow = BatteryProgressRow;
-exports.BatteryProgressRowChargingPower = BatteryProgressRowChargingPower;
-exports.BatteryProgressRowContent = BatteryProgressRowContent;
-exports.BatteryProgressRowFooter = BatteryProgressRowFooter;
-exports.BatteryProgressRowHeader = BatteryProgressRowHeader;
-exports.BatteryProgressRowIcon = BatteryProgressRowIcon;
-exports.BatteryProgressRowMinSoc = BatteryProgressRowMinSoc;
-exports.BatteryProgressRowProgressBar = BatteryProgressRowProgressBar;
-exports.BatteryProgressRowSoc = BatteryProgressRowSoc;
-exports.BatteryProgressRowStateBadge = BatteryProgressRowStateBadge;
-
-//# sourceMappingURL=battery-progress-row.cjs.map

package/dist/components/battery-progress-row.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"battery-progress-row.cjs","names":["Battery0Bar","Battery1Bar","Battery2Bar","Battery3Bar","Battery4Bar","Battery5Bar","Battery6Bar","BatteryFull","Icon","Badge","Progress"],"sources":["../../src/components/battery-progress-row.tsx"],"sourcesContent":["import {\n  Battery0Bar,\n  Battery1Bar,\n  Battery2Bar,\n  Battery3Bar,\n  Battery4Bar,\n  Battery5Bar,\n  Battery6Bar,\n  BatteryFull,\n  type SparkIcon,\n} from '@epilot/spark-icons'\nimport { createContext, useContext } from 'react'\nimport type { Tone } from '../lib/tones'\nimport { cn } from '../utils/cn'\nimport { Badge, type SparkBadgeColor } from './badge'\nimport { Icon } from './icon'\nimport { Progress } from './progress'\n\ninterface BatteryProgressRowContextValue {\n  soc: number\n}\n\nconst BatteryProgressRowContext =\n  createContext<BatteryProgressRowContextValue | null>(null)\n\nfunction useBatteryProgressRowContext() {\n  const context = useContext(BatteryProgressRowContext)\n  if (!context) {\n    throw new Error(\n      'BatteryProgressRow.* must be rendered inside <BatteryProgressRow>',\n    )\n  }\n  return context\n}\n\nconst BatteryProgressRow = ({\n  className,\n  soc,\n  children,\n  ...rest\n}: React.ComponentProps<'div'> & { soc: number }) => {\n  return (\n    <BatteryProgressRowContext.Provider value={{ soc }}>\n      <div className={cn('flex items-center gap-3', className)} {...rest}>\n        {children}\n      </div>\n    </BatteryProgressRowContext.Provider>\n  )\n}\n\nconst BATTERY_BY_LEVEL = [\n  Battery0Bar,\n  Battery1Bar,\n  Battery2Bar,\n  Battery3Bar,\n  Battery4Bar,\n  Battery5Bar,\n  Battery6Bar,\n] as const\n\nconst BatteryProgressRowIcon = ({\n  className,\n  icon: overrideIcon,\n  ...rest\n}: React.ComponentProps<'span'> & { icon?: SparkIcon }) => {\n  const { soc } = useBatteryProgressRowContext()\n  const clampedSoc = Math.min(Math.max(soc, 0), 100)\n  const batteryLevel = Math.min(Math.floor(clampedSoc / (100 / 7)), 6)\n  const fallback: SparkIcon =\n    clampedSoc === 100\n      ? BatteryFull\n      : (BATTERY_BY_LEVEL[batteryLevel] ?? Battery0Bar)\n  const Glyph = overrideIcon ?? fallback\n\n  return (\n    <Icon {...rest} className={className} color=\"success\" size=\"large\">\n      <Glyph />\n    </Icon>\n  )\n}\n\nconst BatteryProgressRowContent = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn('flex min-w-0 flex-1 flex-col gap-1.5', className)}\n      {...rest}\n    />\n  )\n}\n\nconst BatteryProgressRowHeader = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn('flex items-center justify-between gap-2', className)}\n      {...rest}\n    />\n  )\n}\n\nconst toneToBadgeColor: Record<Tone, SparkBadgeColor> = {\n  success: 'success',\n  warning: 'warning',\n  error: 'danger',\n  accent: 'accent',\n  neutral: 'neutral',\n}\n\nconst BatteryProgressRowStateBadge = ({\n  className,\n  children,\n  tone = 'neutral',\n  ...rest\n}: Omit<React.ComponentProps<'span'>, 'color'> & { tone?: Tone }) => {\n  if (children === null || children === undefined) return null\n  return (\n    <Badge\n      color={toneToBadgeColor[tone]}\n      className={cn('w-fit', className)}\n      {...rest}\n    >\n      {children}\n    </Badge>\n  )\n}\n\nconst BatteryProgressRowChargingPower = ({\n  className,\n  children,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  if (children === null || children === undefined) return null\n  return (\n    <span\n      className={cn(\n        'ml-auto text-lg leading-tight font-bold text-gray tabular-nums',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </span>\n  )\n}\n\n/**\n * Linear progress bar bound to the row's `soc`.\n */\nconst BatteryProgressRowProgressBar = ({\n  className,\n  ...rest\n}: Omit<React.ComponentProps<typeof Progress>, 'value' | 'max'>) => {\n  const { soc } = useBatteryProgressRowContext()\n  return <Progress className={className} max={100} value={soc} {...rest} />\n}\n\nconst BatteryProgressRowFooter = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn(\n        'flex justify-between text-xs text-gray-light tabular-nums',\n        className,\n      )}\n      {...rest}\n    />\n  )\n}\n\nconst BatteryProgressRowMinSoc = ({\n  className,\n  children,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  if (children === null || children === undefined) return null\n  return (\n    <span className={cn(className)} {...rest}>\n      {children}\n    </span>\n  )\n}\n\n/**\n * Current state-of-charge label, rendered as `{soc}%`. Reads from context.\n */\nconst BatteryProgressRowSoc = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  const { soc } = useBatteryProgressRowContext()\n  return (\n    <span className={cn(className)} {...rest}>\n      {`${soc}%`}\n    </span>\n  )\n}\n\nexport {\n  BatteryProgressRow,\n  BatteryProgressRowIcon,\n  BatteryProgressRowContent,\n  BatteryProgressRowHeader,\n  BatteryProgressRowStateBadge,\n  BatteryProgressRowChargingPower,\n  BatteryProgressRowProgressBar,\n  BatteryProgressRowFooter,\n  BatteryProgressRowMinSoc,\n  BatteryProgressRowSoc,\n}\n"],"mappings":"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"}

package/dist/components/battery-progress-row.d.cts

@@ -1,69 +0,0 @@
-"use client";
-
-import { Tone } from "../lib/tones.cjs";
-import { Progress } from "./progress.cjs";
-import { SparkIcon } from "@epilot/spark-icons";
-
-//#region src/components/battery-progress-row.d.ts
-declare const BatteryProgressRow: ({
-  className,
-  soc,
-  children,
-  ...rest
-}: React.ComponentProps<"div"> & {
-  soc: number;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowIcon: ({
-  className,
-  icon: overrideIcon,
-  ...rest
-}: React.ComponentProps<"span"> & {
-  icon?: SparkIcon;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowContent: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowHeader: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowStateBadge: ({
-  className,
-  children,
-  tone,
-  ...rest
-}: Omit<React.ComponentProps<"span">, "color"> & {
-  tone?: Tone;
-}) => import("react/jsx-runtime").JSX.Element | null;
-declare const BatteryProgressRowChargingPower: ({
-  className,
-  children,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element | null;
-/**
- * Linear progress bar bound to the row's `soc`.
- */
-declare const BatteryProgressRowProgressBar: ({
-  className,
-  ...rest
-}: Omit<React.ComponentProps<typeof Progress>, "value" | "max">) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowFooter: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowMinSoc: ({
-  className,
-  children,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element | null;
-/**
- * Current state-of-charge label, rendered as `{soc}%`. Reads from context.
- */
-declare const BatteryProgressRowSoc: ({
-  className,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { BatteryProgressRow, BatteryProgressRowChargingPower, BatteryProgressRowContent, BatteryProgressRowFooter, BatteryProgressRowHeader, BatteryProgressRowIcon, BatteryProgressRowMinSoc, BatteryProgressRowProgressBar, BatteryProgressRowSoc, BatteryProgressRowStateBadge };
-//# sourceMappingURL=battery-progress-row.d.cts.map

package/dist/components/battery-progress-row.d.ts

@@ -1,69 +0,0 @@
-"use client";
-
-import { Tone } from "../lib/tones.js";
-import { Progress } from "./progress.js";
-import { SparkIcon } from "@epilot/spark-icons";
-
-//#region src/components/battery-progress-row.d.ts
-declare const BatteryProgressRow: ({
-  className,
-  soc,
-  children,
-  ...rest
-}: React.ComponentProps<"div"> & {
-  soc: number;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowIcon: ({
-  className,
-  icon: overrideIcon,
-  ...rest
-}: React.ComponentProps<"span"> & {
-  icon?: SparkIcon;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowContent: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowHeader: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowStateBadge: ({
-  className,
-  children,
-  tone,
-  ...rest
-}: Omit<React.ComponentProps<"span">, "color"> & {
-  tone?: Tone;
-}) => import("react/jsx-runtime").JSX.Element | null;
-declare const BatteryProgressRowChargingPower: ({
-  className,
-  children,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element | null;
-/**
- * Linear progress bar bound to the row's `soc`.
- */
-declare const BatteryProgressRowProgressBar: ({
-  className,
-  ...rest
-}: Omit<React.ComponentProps<typeof Progress>, "value" | "max">) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowFooter: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const BatteryProgressRowMinSoc: ({
-  className,
-  children,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element | null;
-/**
- * Current state-of-charge label, rendered as `{soc}%`. Reads from context.
- */
-declare const BatteryProgressRowSoc: ({
-  className,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { BatteryProgressRow, BatteryProgressRowChargingPower, BatteryProgressRowContent, BatteryProgressRowFooter, BatteryProgressRowHeader, BatteryProgressRowIcon, BatteryProgressRowMinSoc, BatteryProgressRowProgressBar, BatteryProgressRowSoc, BatteryProgressRowStateBadge };
-//# sourceMappingURL=battery-progress-row.d.ts.map

package/dist/components/battery-progress-row.js

@@ -1,125 +0,0 @@
-"use client";
-import { cn } from "../utils/cn.js";
-import { Badge } from "./badge.js";
-import { Icon } from "./icon.js";
-import { Progress } from "./progress.js";
-import { Battery0Bar, Battery1Bar, Battery2Bar, Battery3Bar, Battery4Bar, Battery5Bar, Battery6Bar, BatteryFull } from "@epilot/spark-icons";
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/battery-progress-row.tsx
-const BatteryProgressRowContext = createContext(null);
-function useBatteryProgressRowContext() {
-	const context = useContext(BatteryProgressRowContext);
-	if (!context) throw new Error("BatteryProgressRow.* must be rendered inside <BatteryProgressRow>");
-	return context;
-}
-const BatteryProgressRow = ({ className, soc, children, ...rest }) => {
-	return /* @__PURE__ */ jsx(BatteryProgressRowContext.Provider, {
-		value: { soc },
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("flex items-center gap-3", className),
-			...rest,
-			children
-		})
-	});
-};
-const BATTERY_BY_LEVEL = [
-	Battery0Bar,
-	Battery1Bar,
-	Battery2Bar,
-	Battery3Bar,
-	Battery4Bar,
-	Battery5Bar,
-	Battery6Bar
-];
-const BatteryProgressRowIcon = ({ className, icon: overrideIcon, ...rest }) => {
-	const { soc } = useBatteryProgressRowContext();
-	const clampedSoc = Math.min(Math.max(soc, 0), 100);
-	const batteryLevel = Math.min(Math.floor(clampedSoc / (100 / 7)), 6);
-	const fallback = clampedSoc === 100 ? BatteryFull : BATTERY_BY_LEVEL[batteryLevel] ?? Battery0Bar;
-	const Glyph = overrideIcon ?? fallback;
-	return /* @__PURE__ */ jsx(Icon, {
-		...rest,
-		className,
-		color: "success",
-		size: "large",
-		children: /* @__PURE__ */ jsx(Glyph, {})
-	});
-};
-const BatteryProgressRowContent = ({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex min-w-0 flex-1 flex-col gap-1.5", className),
-		...rest
-	});
-};
-const BatteryProgressRowHeader = ({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center justify-between gap-2", className),
-		...rest
-	});
-};
-const toneToBadgeColor = {
-	success: "success",
-	warning: "warning",
-	error: "danger",
-	accent: "accent",
-	neutral: "neutral"
-};
-const BatteryProgressRowStateBadge = ({ className, children, tone = "neutral", ...rest }) => {
-	if (children === null || children === void 0) return null;
-	return /* @__PURE__ */ jsx(Badge, {
-		color: toneToBadgeColor[tone],
-		className: cn("w-fit", className),
-		...rest,
-		children
-	});
-};
-const BatteryProgressRowChargingPower = ({ className, children, ...rest }) => {
-	if (children === null || children === void 0) return null;
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ml-auto text-lg leading-tight font-bold text-gray tabular-nums", className),
-		...rest,
-		children
-	});
-};
-/**
-* Linear progress bar bound to the row's `soc`.
-*/
-const BatteryProgressRowProgressBar = ({ className, ...rest }) => {
-	const { soc } = useBatteryProgressRowContext();
-	return /* @__PURE__ */ jsx(Progress, {
-		className,
-		max: 100,
-		value: soc,
-		...rest
-	});
-};
-const BatteryProgressRowFooter = ({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex justify-between text-xs text-gray-light tabular-nums", className),
-		...rest
-	});
-};
-const BatteryProgressRowMinSoc = ({ className, children, ...rest }) => {
-	if (children === null || children === void 0) return null;
-	return /* @__PURE__ */ jsx("span", {
-		className: cn(className),
-		...rest,
-		children
-	});
-};
-/**
-* Current state-of-charge label, rendered as `{soc}%`. Reads from context.
-*/
-const BatteryProgressRowSoc = ({ className, ...rest }) => {
-	const { soc } = useBatteryProgressRowContext();
-	return /* @__PURE__ */ jsx("span", {
-		className: cn(className),
-		...rest,
-		children: `${soc}%`
-	});
-};
-//#endregion
-export { BatteryProgressRow, BatteryProgressRowChargingPower, BatteryProgressRowContent, BatteryProgressRowFooter, BatteryProgressRowHeader, BatteryProgressRowIcon, BatteryProgressRowMinSoc, BatteryProgressRowProgressBar, BatteryProgressRowSoc, BatteryProgressRowStateBadge };
-
-//# sourceMappingURL=battery-progress-row.js.map

package/dist/components/battery-progress-row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"battery-progress-row.js","names":[],"sources":["../../src/components/battery-progress-row.tsx"],"sourcesContent":["import {\n  Battery0Bar,\n  Battery1Bar,\n  Battery2Bar,\n  Battery3Bar,\n  Battery4Bar,\n  Battery5Bar,\n  Battery6Bar,\n  BatteryFull,\n  type SparkIcon,\n} from '@epilot/spark-icons'\nimport { createContext, useContext } from 'react'\nimport type { Tone } from '../lib/tones'\nimport { cn } from '../utils/cn'\nimport { Badge, type SparkBadgeColor } from './badge'\nimport { Icon } from './icon'\nimport { Progress } from './progress'\n\ninterface BatteryProgressRowContextValue {\n  soc: number\n}\n\nconst BatteryProgressRowContext =\n  createContext<BatteryProgressRowContextValue | null>(null)\n\nfunction useBatteryProgressRowContext() {\n  const context = useContext(BatteryProgressRowContext)\n  if (!context) {\n    throw new Error(\n      'BatteryProgressRow.* must be rendered inside <BatteryProgressRow>',\n    )\n  }\n  return context\n}\n\nconst BatteryProgressRow = ({\n  className,\n  soc,\n  children,\n  ...rest\n}: React.ComponentProps<'div'> & { soc: number }) => {\n  return (\n    <BatteryProgressRowContext.Provider value={{ soc }}>\n      <div className={cn('flex items-center gap-3', className)} {...rest}>\n        {children}\n      </div>\n    </BatteryProgressRowContext.Provider>\n  )\n}\n\nconst BATTERY_BY_LEVEL = [\n  Battery0Bar,\n  Battery1Bar,\n  Battery2Bar,\n  Battery3Bar,\n  Battery4Bar,\n  Battery5Bar,\n  Battery6Bar,\n] as const\n\nconst BatteryProgressRowIcon = ({\n  className,\n  icon: overrideIcon,\n  ...rest\n}: React.ComponentProps<'span'> & { icon?: SparkIcon }) => {\n  const { soc } = useBatteryProgressRowContext()\n  const clampedSoc = Math.min(Math.max(soc, 0), 100)\n  const batteryLevel = Math.min(Math.floor(clampedSoc / (100 / 7)), 6)\n  const fallback: SparkIcon =\n    clampedSoc === 100\n      ? BatteryFull\n      : (BATTERY_BY_LEVEL[batteryLevel] ?? Battery0Bar)\n  const Glyph = overrideIcon ?? fallback\n\n  return (\n    <Icon {...rest} className={className} color=\"success\" size=\"large\">\n      <Glyph />\n    </Icon>\n  )\n}\n\nconst BatteryProgressRowContent = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn('flex min-w-0 flex-1 flex-col gap-1.5', className)}\n      {...rest}\n    />\n  )\n}\n\nconst BatteryProgressRowHeader = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn('flex items-center justify-between gap-2', className)}\n      {...rest}\n    />\n  )\n}\n\nconst toneToBadgeColor: Record<Tone, SparkBadgeColor> = {\n  success: 'success',\n  warning: 'warning',\n  error: 'danger',\n  accent: 'accent',\n  neutral: 'neutral',\n}\n\nconst BatteryProgressRowStateBadge = ({\n  className,\n  children,\n  tone = 'neutral',\n  ...rest\n}: Omit<React.ComponentProps<'span'>, 'color'> & { tone?: Tone }) => {\n  if (children === null || children === undefined) return null\n  return (\n    <Badge\n      color={toneToBadgeColor[tone]}\n      className={cn('w-fit', className)}\n      {...rest}\n    >\n      {children}\n    </Badge>\n  )\n}\n\nconst BatteryProgressRowChargingPower = ({\n  className,\n  children,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  if (children === null || children === undefined) return null\n  return (\n    <span\n      className={cn(\n        'ml-auto text-lg leading-tight font-bold text-gray tabular-nums',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </span>\n  )\n}\n\n/**\n * Linear progress bar bound to the row's `soc`.\n */\nconst BatteryProgressRowProgressBar = ({\n  className,\n  ...rest\n}: Omit<React.ComponentProps<typeof Progress>, 'value' | 'max'>) => {\n  const { soc } = useBatteryProgressRowContext()\n  return <Progress className={className} max={100} value={soc} {...rest} />\n}\n\nconst BatteryProgressRowFooter = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn(\n        'flex justify-between text-xs text-gray-light tabular-nums',\n        className,\n      )}\n      {...rest}\n    />\n  )\n}\n\nconst BatteryProgressRowMinSoc = ({\n  className,\n  children,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  if (children === null || children === undefined) return null\n  return (\n    <span className={cn(className)} {...rest}>\n      {children}\n    </span>\n  )\n}\n\n/**\n * Current state-of-charge label, rendered as `{soc}%`. Reads from context.\n */\nconst BatteryProgressRowSoc = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  const { soc } = useBatteryProgressRowContext()\n  return (\n    <span className={cn(className)} {...rest}>\n      {`${soc}%`}\n    </span>\n  )\n}\n\nexport {\n  BatteryProgressRow,\n  BatteryProgressRowIcon,\n  BatteryProgressRowContent,\n  BatteryProgressRowHeader,\n  BatteryProgressRowStateBadge,\n  BatteryProgressRowChargingPower,\n  BatteryProgressRowProgressBar,\n  BatteryProgressRowFooter,\n  BatteryProgressRowMinSoc,\n  BatteryProgressRowSoc,\n}\n"],"mappings":";;;;;;;;;AAsBA,MAAM,4BACJ,cAAqD,IAAI;AAE3D,SAAS,+BAA+B;CACtC,MAAM,UAAU,WAAW,yBAAyB;CACpD,IAAI,CAAC,SACH,MAAM,IAAI,MACR,mEACF;CAEF,OAAO;AACT;AAEA,MAAM,sBAAsB,EAC1B,WACA,KACA,UACA,GAAG,WACgD;CACnD,OACE,oBAAC,0BAA0B,UAA3B;EAAoC,OAAO,EAAE,IAAI;YAC/C,oBAAC,OAAD;GAAK,WAAW,GAAG,2BAA2B,SAAS;GAAG,GAAI;GAC3D;EACE,CAAA;CAC6B,CAAA;AAExC;AAEA,MAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,0BAA0B,EAC9B,WACA,MAAM,cACN,GAAG,WACsD;CACzD,MAAM,EAAE,QAAQ,6BAA6B;CAC7C,MAAM,aAAa,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,GAAG,GAAG;CACjD,MAAM,eAAe,KAAK,IAAI,KAAK,MAAM,cAAc,MAAM,EAAE,GAAG,CAAC;CACnE,MAAM,WACJ,eAAe,MACX,cACC,iBAAiB,iBAAiB;CACzC,MAAM,QAAQ,gBAAgB;CAE9B,OACE,oBAAC,MAAD;EAAM,GAAI;EAAiB;EAAW,OAAM;EAAU,MAAK;YACzD,oBAAC,OAAD,CAAQ,CAAA;CACJ,CAAA;AAEV;AAEA,MAAM,6BAA6B,EACjC,WACA,GAAG,WAC8B;CACjC,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,4BAA4B,EAChC,WACA,GAAG,WAC8B;CACjC,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,mBAAkD;CACtD,SAAS;CACT,SAAS;CACT,OAAO;CACP,QAAQ;CACR,SAAS;AACX;AAEA,MAAM,gCAAgC,EACpC,WACA,UACA,OAAO,WACP,GAAG,WACgE;CACnE,IAAI,aAAa,QAAQ,aAAa,KAAA,GAAW,OAAO;CACxD,OACE,oBAAC,OAAD;EACE,OAAO,iBAAiB;EACxB,WAAW,GAAG,SAAS,SAAS;EAChC,GAAI;EAEH;CACI,CAAA;AAEX;AAEA,MAAM,mCAAmC,EACvC,WACA,UACA,GAAG,WAC+B;CAClC,IAAI,aAAa,QAAQ,aAAa,KAAA,GAAW,OAAO;CACxD,OACE,oBAAC,QAAD;EACE,WAAW,GACT,kEACA,SACF;EACA,GAAI;EAEH;CACG,CAAA;AAEV;;;;AAKA,MAAM,iCAAiC,EACrC,WACA,GAAG,WAC+D;CAClE,MAAM,EAAE,QAAQ,6BAA6B;CAC7C,OAAO,oBAAC,UAAD;EAAqB;EAAW,KAAK;EAAK,OAAO;EAAK,GAAI;CAAO,CAAA;AAC1E;AAEA,MAAM,4BAA4B,EAChC,WACA,GAAG,WAC8B;CACjC,OACE,oBAAC,OAAD;EACE,WAAW,GACT,6DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,4BAA4B,EAChC,WACA,UACA,GAAG,WAC+B;CAClC,IAAI,aAAa,QAAQ,aAAa,KAAA,GAAW,OAAO;CACxD,OACE,oBAAC,QAAD;EAAM,WAAW,GAAG,SAAS;EAAG,GAAI;EACjC;CACG,CAAA;AAEV;;;;AAKA,MAAM,yBAAyB,EAC7B,WACA,GAAG,WAC+B;CAClC,MAAM,EAAE,QAAQ,6BAA6B;CAC7C,OACE,oBAAC,QAAD;EAAM,WAAW,GAAG,SAAS;EAAG,GAAI;YACjC,GAAG,IAAI;CACJ,CAAA;AAEV"}

package/dist/components/device-card.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"device-card.cjs","names":[],"sources":["../../src/components/device-card.tsx"],"sourcesContent":["import type { SparkIcon } from '@epilot/spark-icons'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport type { Tone } from '../lib/tones'\nimport { cn } from '../utils/cn'\n\nconst DeviceCard = ({ className, ...rest }: React.ComponentProps<'div'>) => (\n  <div\n    className={cn(\n      'flex flex-col overflow-hidden rounded-lg border border-gray bg-(--spark-background)',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nconst DeviceCardBody = ({\n  className,\n  active,\n  ...rest\n}: React.ComponentProps<'button'> & { active?: boolean }) => (\n  <button\n    type=\"button\"\n    className={cn(\n      'flex w-full cursor-pointer flex-col gap-3 p-4 text-left transition-colors hover:bg-gray-a2 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent-focus',\n      active && 'bg-linear-to-br from-spark-9/10 to-spark-1/5 to-20%',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nconst DeviceCardHeader = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div className={cn('flex w-full items-center gap-3', className)} {...rest} />\n)\n\nconst DeviceCardMeters = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div\n    className={cn('flex flex-col gap-2 border-t border-gray pt-3', className)}\n    {...rest}\n  />\n)\n\nconst iconToneVariants = cva(\n  // max() pill escape (matches Icon): a tile stays rounded-md at low Roundness but\n  // becomes a circle at large/full, same as it did pre-harmonization via clamping.\n  'flex size-11 shrink-0 items-center justify-center rounded-[max(var(--spark-rounded-md),var(--spark-rounded-full))]',\n  {\n    variants: {\n      tone: {\n        success: 'bg-base-success-soft text-success',\n        warning: 'bg-base-warning-soft text-warning',\n        error: 'bg-base-error-soft text-error',\n        accent: 'bg-base-accent-soft text-accent',\n        neutral: 'bg-base-gray-soft text-gray',\n      },\n    },\n    defaultVariants: { tone: 'neutral' },\n  },\n)\n\nconst DeviceCardIcon = ({\n  className,\n  icon: Glyph,\n  tone,\n  ...rest\n}: React.ComponentProps<'span'> & {\n  icon: SparkIcon\n  tone?: Tone\n}) => (\n  <span className={iconToneVariants({ tone, className })} {...rest}>\n    <Glyph className=\"[--spark-icon-size:18px]\" />\n  </span>\n)\n\nconst DeviceCardTitleColumn = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div\n    className={cn('flex min-w-0 flex-1 flex-col gap-0.5', className)}\n    {...rest}\n  />\n)\n\nconst DeviceCardTitle = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => (\n  <span\n    className={cn('truncate text-sm font-bold text-gray', className)}\n    {...rest}\n  />\n)\n\nconst stateToneVariants = cva(\n  'inline-flex items-center gap-1.5 text-xs font-medium',\n  {\n    variants: {\n      tone: {\n        success: 'text-success',\n        warning: 'text-warning',\n        error: 'text-error',\n        accent: 'text-accent',\n        neutral: 'text-gray-light',\n      },\n    },\n    defaultVariants: { tone: 'neutral' },\n  },\n)\n\nconst dotToneVariants = cva('size-1.5 shrink-0 rounded-full', {\n  variants: {\n    tone: {\n      success: 'bg-base-success-solid',\n      warning: 'bg-base-warning-solid',\n      error: 'bg-base-error-solid',\n      accent: 'bg-base-accent-solid',\n      neutral: 'bg-base-gray-solid',\n    },\n  },\n  defaultVariants: { tone: 'neutral' },\n})\n\nconst DeviceCardState = ({\n  className,\n  tone,\n  children,\n  ...rest\n}: React.ComponentProps<'span'> & { tone?: Tone }) => (\n  <span className={stateToneVariants({ tone, className })} {...rest}>\n    <span className={dotToneVariants({ tone })} />\n    <span className=\"truncate\">{children}</span>\n  </span>\n)\n\nconst DeviceCardDetail = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => (\n  <span\n    className={cn('truncate text-xs text-gray-light tabular-nums', className)}\n    {...rest}\n  />\n)\n\nconst DeviceCardPower = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => (\n  <span\n    className={cn(\n      'ms-2 shrink-0 self-center text-lg leading-tight font-bold text-gray tabular-nums',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nconst DeviceCardControls = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div\n    className={cn(\n      'flex items-center gap-3 border-t border-gray bg-base-gray-surface px-4 py-3',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nconst DeviceCardFooter = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div\n    className={cn(\n      'flex items-center justify-center gap-1.5 border-t border-gray bg-base-gray-surface px-4 py-2 text-xs text-gray-light',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nexport {\n  DeviceCard,\n  DeviceCardBody,\n  DeviceCardControls,\n  DeviceCardDetail,\n  DeviceCardFooter,\n  DeviceCardHeader,\n  DeviceCardIcon,\n  DeviceCardMeters,\n  DeviceCardPower,\n  DeviceCardState,\n  DeviceCardTitle,\n  DeviceCardTitleColumn,\n}\n"],"mappings":"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"}

package/dist/components/device-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"device-card.js","names":[],"sources":["../../src/components/device-card.tsx"],"sourcesContent":["import type { SparkIcon } from '@epilot/spark-icons'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport type { Tone } from '../lib/tones'\nimport { cn } from '../utils/cn'\n\nconst DeviceCard = ({ className, ...rest }: React.ComponentProps<'div'>) => (\n  <div\n    className={cn(\n      'flex flex-col overflow-hidden rounded-lg border border-gray bg-(--spark-background)',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nconst DeviceCardBody = ({\n  className,\n  active,\n  ...rest\n}: React.ComponentProps<'button'> & { active?: boolean }) => (\n  <button\n    type=\"button\"\n    className={cn(\n      'flex w-full cursor-pointer flex-col gap-3 p-4 text-left transition-colors hover:bg-gray-a2 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent-focus',\n      active && 'bg-linear-to-br from-spark-9/10 to-spark-1/5 to-20%',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nconst DeviceCardHeader = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div className={cn('flex w-full items-center gap-3', className)} {...rest} />\n)\n\nconst DeviceCardMeters = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div\n    className={cn('flex flex-col gap-2 border-t border-gray pt-3', className)}\n    {...rest}\n  />\n)\n\nconst iconToneVariants = cva(\n  // max() pill escape (matches Icon): a tile stays rounded-md at low Roundness but\n  // becomes a circle at large/full, same as it did pre-harmonization via clamping.\n  'flex size-11 shrink-0 items-center justify-center rounded-[max(var(--spark-rounded-md),var(--spark-rounded-full))]',\n  {\n    variants: {\n      tone: {\n        success: 'bg-base-success-soft text-success',\n        warning: 'bg-base-warning-soft text-warning',\n        error: 'bg-base-error-soft text-error',\n        accent: 'bg-base-accent-soft text-accent',\n        neutral: 'bg-base-gray-soft text-gray',\n      },\n    },\n    defaultVariants: { tone: 'neutral' },\n  },\n)\n\nconst DeviceCardIcon = ({\n  className,\n  icon: Glyph,\n  tone,\n  ...rest\n}: React.ComponentProps<'span'> & {\n  icon: SparkIcon\n  tone?: Tone\n}) => (\n  <span className={iconToneVariants({ tone, className })} {...rest}>\n    <Glyph className=\"[--spark-icon-size:18px]\" />\n  </span>\n)\n\nconst DeviceCardTitleColumn = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div\n    className={cn('flex min-w-0 flex-1 flex-col gap-0.5', className)}\n    {...rest}\n  />\n)\n\nconst DeviceCardTitle = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => (\n  <span\n    className={cn('truncate text-sm font-bold text-gray', className)}\n    {...rest}\n  />\n)\n\nconst stateToneVariants = cva(\n  'inline-flex items-center gap-1.5 text-xs font-medium',\n  {\n    variants: {\n      tone: {\n        success: 'text-success',\n        warning: 'text-warning',\n        error: 'text-error',\n        accent: 'text-accent',\n        neutral: 'text-gray-light',\n      },\n    },\n    defaultVariants: { tone: 'neutral' },\n  },\n)\n\nconst dotToneVariants = cva('size-1.5 shrink-0 rounded-full', {\n  variants: {\n    tone: {\n      success: 'bg-base-success-solid',\n      warning: 'bg-base-warning-solid',\n      error: 'bg-base-error-solid',\n      accent: 'bg-base-accent-solid',\n      neutral: 'bg-base-gray-solid',\n    },\n  },\n  defaultVariants: { tone: 'neutral' },\n})\n\nconst DeviceCardState = ({\n  className,\n  tone,\n  children,\n  ...rest\n}: React.ComponentProps<'span'> & { tone?: Tone }) => (\n  <span className={stateToneVariants({ tone, className })} {...rest}>\n    <span className={dotToneVariants({ tone })} />\n    <span className=\"truncate\">{children}</span>\n  </span>\n)\n\nconst DeviceCardDetail = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => (\n  <span\n    className={cn('truncate text-xs text-gray-light tabular-nums', className)}\n    {...rest}\n  />\n)\n\nconst DeviceCardPower = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => (\n  <span\n    className={cn(\n      'ms-2 shrink-0 self-center text-lg leading-tight font-bold text-gray tabular-nums',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nconst DeviceCardControls = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div\n    className={cn(\n      'flex items-center gap-3 border-t border-gray bg-base-gray-surface px-4 py-3',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nconst DeviceCardFooter = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div\n    className={cn(\n      'flex items-center justify-center gap-1.5 border-t border-gray bg-base-gray-surface px-4 py-2 text-xs text-gray-light',\n      className,\n    )}\n    {...rest}\n  />\n)\n\nexport {\n  DeviceCard,\n  DeviceCardBody,\n  DeviceCardControls,\n  DeviceCardDetail,\n  DeviceCardFooter,\n  DeviceCardHeader,\n  DeviceCardIcon,\n  DeviceCardMeters,\n  DeviceCardPower,\n  DeviceCardState,\n  DeviceCardTitle,\n  DeviceCardTitleColumn,\n}\n"],"mappings":";;;;;;AAMA,MAAM,cAAc,EAAE,WAAW,GAAG,WAClC,oBAAC,OAAD;CACE,WAAW,GACT,uFACA,SACF;CACA,GAAI;AACL,CAAA;AAGH,MAAM,kBAAkB,EACtB,WACA,QACA,GAAG,WAEH,oBAAC,UAAD;CACE,MAAK;CACL,WAAW,GACT,yLACA,UAAU,uDACV,SACF;CACA,GAAI;AACL,CAAA;AAGH,MAAM,oBAAoB,EACxB,WACA,GAAG,WAEH,oBAAC,OAAD;CAAK,WAAW,GAAG,kCAAkC,SAAS;CAAG,GAAI;AAAO,CAAA;AAG9E,MAAM,oBAAoB,EACxB,WACA,GAAG,WAEH,oBAAC,OAAD;CACE,WAAW,GAAG,iDAAiD,SAAS;CACxE,GAAI;AACL,CAAA;AAGH,MAAM,mBAAmB,IAGvB,sHACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,OAAO;EACP,QAAQ;EACR,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,MAAM,UAAU;AACrC,CACF;AAEA,MAAM,kBAAkB,EACtB,WACA,MAAM,OACN,MACA,GAAG,WAKH,oBAAC,QAAD;CAAM,WAAW,iBAAiB;EAAE;EAAM;CAAU,CAAC;CAAG,GAAI;WAC1D,oBAAC,OAAD,EAAO,WAAU,2BAA4B,CAAA;AACzC,CAAA;AAGR,MAAM,yBAAyB,EAC7B,WACA,GAAG,WAEH,oBAAC,OAAD;CACE,WAAW,GAAG,wCAAwC,SAAS;CAC/D,GAAI;AACL,CAAA;AAGH,MAAM,mBAAmB,EACvB,WACA,GAAG,WAEH,oBAAC,QAAD;CACE,WAAW,GAAG,wCAAwC,SAAS;CAC/D,GAAI;AACL,CAAA;AAGH,MAAM,oBAAoB,IACxB,wDACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,OAAO;EACP,QAAQ;EACR,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,MAAM,UAAU;AACrC,CACF;AAEA,MAAM,kBAAkB,IAAI,kCAAkC;CAC5D,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,OAAO;EACP,QAAQ;EACR,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,MAAM,UAAU;AACrC,CAAC;AAED,MAAM,mBAAmB,EACvB,WACA,MACA,UACA,GAAG,WAEH,qBAAC,QAAD;CAAM,WAAW,kBAAkB;EAAE;EAAM;CAAU,CAAC;CAAG,GAAI;WAA7D,CACE,oBAAC,QAAD,EAAM,WAAW,gBAAgB,EAAE,KAAK,CAAC,EAAI,CAAA,GAC7C,oBAAC,QAAD;EAAM,WAAU;EAAY;CAAe,CAAA,CACvC;;AAGR,MAAM,oBAAoB,EACxB,WACA,GAAG,WAEH,oBAAC,QAAD;CACE,WAAW,GAAG,iDAAiD,SAAS;CACxE,GAAI;AACL,CAAA;AAGH,MAAM,mBAAmB,EACvB,WACA,GAAG,WAEH,oBAAC,QAAD;CACE,WAAW,GACT,oFACA,SACF;CACA,GAAI;AACL,CAAA;AAGH,MAAM,sBAAsB,EAC1B,WACA,GAAG,WAEH,oBAAC,OAAD;CACE,WAAW,GACT,+EACA,SACF;CACA,GAAI;AACL,CAAA;AAGH,MAAM,oBAAoB,EACxB,WACA,GAAG,WAEH,oBAAC,OAAD;CACE,WAAW,GACT,wHACA,SACF;CACA,GAAI;AACL,CAAA"}

package/dist/components/energy-bar-chart.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"energy-bar-chart.cjs","names":["BarChart","NumberFlow"],"sources":["../../src/components/energy-bar-chart.tsx"],"sourcesContent":["import {\n  BarChart,\n  type BarChartCategory,\n  type BarChartLineSeries,\n  type BarChartSeries,\n} from './bar-chart'\nimport NumberFlow, { type Format } from './number-flow'\n\nexport type Category = BarChartCategory\n\nexport interface HourBucket {\n  hour: number\n  solar: number\n  battery: number\n  grid: number\n}\n\nexport type EnergyBarSeries<TDatum = HourBucket> = BarChartSeries<TDatum>\nexport type EnergyBarLineSeries<TDatum = HourBucket> =\n  BarChartLineSeries<TDatum>\n\ninterface EnergyBarChartProps<TDatum> {\n  data: TDatum[]\n  series: BarChartSeries<TDatum>[]\n  lines?: BarChartLineSeries<TDatum>[]\n  getCategory: (datum: TDatum) => Category\n  categories?: Category[]\n  categoryTicks?: Category[]\n  formatCategory?: (category: Category) => string\n  formatTooltipCategory?: (category: Category) => string\n  highlightedCategory?: Category\n  showHighlightLine?: boolean\n  title?: string\n  yAxisUnit?: string\n  formatValue?: (value: number) => string\n  totalSuffix?: string\n  totalFormat?: Format\n  height?: number\n  className?: string\n}\n\nexport function EnergyBarChart<TDatum>({\n  totalSuffix,\n  totalFormat,\n  className,\n  ...rest\n}: EnergyBarChartProps<TDatum>): React.ReactElement {\n  return (\n    <BarChart<TDatum>\n      {...rest}\n      className={className}\n      renderTotal={(value, animated) => (\n        <NumberFlow\n          value={value}\n          animated={animated}\n          {...(totalSuffix !== undefined && { suffix: totalSuffix })}\n          {...(totalFormat !== undefined && { format: totalFormat })}\n          className=\"text-base font-bold text-gray tabular-nums\"\n        />\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;AAyCA,SAAgB,eAAuB,EACrC,aACA,aACA,WACA,GAAG,QAC+C;CAClD,OACE,iBAAA,GAAA,kBAAA,KAACA,6BAAAA,UAAD;EACE,GAAI;EACO;EACX,cAAc,OAAO,aACnB,iBAAA,GAAA,kBAAA,KAACC,gCAAD;GACS;GACG;GACV,GAAK,gBAAgB,KAAA,KAAa,EAAE,QAAQ,YAAY;GACxD,GAAK,gBAAgB,KAAA,KAAa,EAAE,QAAQ,YAAY;GACxD,WAAU;EACX,CAAA;CAEJ,CAAA;AAEL"}