@epilot/spark-ui 0.19.0 → 0.20.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 react = require("react");
-let _epilot_spark_icons = require("@epilot/spark-icons");
-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 { createContext, useContext } from "react";
-import { Battery0Bar, Battery1Bar, Battery2Bar, Battery3Bar, Battery4Bar, Battery5Bar, Battery6Bar, BatteryFull } from "@epilot/spark-icons";
-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"}

package/dist/components/energy-bar-chart.d.cts

@@ -1,43 +0,0 @@
-"use client";
-
-import { BarChartCategory, BarChartLineSeries, BarChartSeries } from "./bar-chart.cjs";
-import { t as Format } from "../number-flow-Bch81ixZ.cjs";
-
-//#region src/components/energy-bar-chart.d.ts
-type Category = BarChartCategory;
-interface HourBucket {
-  hour: number;
-  solar: number;
-  battery: number;
-  grid: number;
-}
-type EnergyBarSeries<TDatum = HourBucket> = BarChartSeries<TDatum>;
-type EnergyBarLineSeries<TDatum = HourBucket> = BarChartLineSeries<TDatum>;
-interface EnergyBarChartProps<TDatum> {
-  data: TDatum[];
-  series: BarChartSeries<TDatum>[];
-  lines?: BarChartLineSeries<TDatum>[];
-  getCategory: (datum: TDatum) => Category;
-  categories?: Category[];
-  categoryTicks?: Category[];
-  formatCategory?: (category: Category) => string;
-  formatTooltipCategory?: (category: Category) => string;
-  highlightedCategory?: Category;
-  showHighlightLine?: boolean;
-  title?: string;
-  yAxisUnit?: string;
-  formatValue?: (value: number) => string;
-  totalSuffix?: string;
-  totalFormat?: Format;
-  height?: number;
-  className?: string;
-}
-declare function EnergyBarChart<TDatum>({
-  totalSuffix,
-  totalFormat,
-  className,
-  ...rest
-}: EnergyBarChartProps<TDatum>): React.ReactElement;
-//#endregion
-export { Category, EnergyBarChart, EnergyBarLineSeries, EnergyBarSeries, HourBucket };
-//# sourceMappingURL=energy-bar-chart.d.cts.map

package/dist/components/energy-bar-chart.d.ts

@@ -1,43 +0,0 @@
-"use client";
-
-import { BarChartCategory, BarChartLineSeries, BarChartSeries } from "./bar-chart.js";
-import { t as Format } from "../number-flow-Bch81ixZ.js";
-
-//#region src/components/energy-bar-chart.d.ts
-type Category = BarChartCategory;
-interface HourBucket {
-  hour: number;
-  solar: number;
-  battery: number;
-  grid: number;
-}
-type EnergyBarSeries<TDatum = HourBucket> = BarChartSeries<TDatum>;
-type EnergyBarLineSeries<TDatum = HourBucket> = BarChartLineSeries<TDatum>;
-interface EnergyBarChartProps<TDatum> {
-  data: TDatum[];
-  series: BarChartSeries<TDatum>[];
-  lines?: BarChartLineSeries<TDatum>[];
-  getCategory: (datum: TDatum) => Category;
-  categories?: Category[];
-  categoryTicks?: Category[];
-  formatCategory?: (category: Category) => string;
-  formatTooltipCategory?: (category: Category) => string;
-  highlightedCategory?: Category;
-  showHighlightLine?: boolean;
-  title?: string;
-  yAxisUnit?: string;
-  formatValue?: (value: number) => string;
-  totalSuffix?: string;
-  totalFormat?: Format;
-  height?: number;
-  className?: string;
-}
-declare function EnergyBarChart<TDatum>({
-  totalSuffix,
-  totalFormat,
-  className,
-  ...rest
-}: EnergyBarChartProps<TDatum>): React.ReactElement;
-//#endregion
-export { Category, EnergyBarChart, EnergyBarLineSeries, EnergyBarSeries, HourBucket };
-//# sourceMappingURL=energy-bar-chart.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"energy-bar-chart.js","names":[],"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,oBAAC,UAAD;EACE,GAAI;EACO;EACX,cAAc,OAAO,aACnB,oBAAC,YAAD;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"}

package/dist/components/energy-breakdown.cjs

@@ -1,80 +0,0 @@
-"use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../utils/chars.cjs");
-const require_utils_format = require("../utils/format.cjs");
-const require_components_donut_chart = require("./donut-chart.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/energy-breakdown.tsx
-function formatBreakdownCenter(v) {
-	if (v >= 1e3) return require_utils_format.formatThousands(v);
-	if (v >= 100) return require_utils_format.integerFormat.format(v);
-	if (v >= 10) return require_utils_format.oneDecimalFormat.format(v);
-	return require_utils_format.twoDecimalFormat.format(v);
-}
-function EnergyBreakdown({ title, subtitle, items, centerSub = "kWh" }) {
-	const sortedItems = (0, react.useMemo)(() => [...items].sort((a, b) => b.value - a.value), [items]);
-	const total = items.reduce((s, i) => s + i.value, 0);
-	const centerTotal = items.filter((i) => !i.excludeFromCenterTotal).reduce((s, i) => s + i.value, 0);
-	if (total === 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex flex-col gap-4 pt-3 pb-5",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col gap-0.5",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-sm font-semibold text-gray",
-				children: title
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-xs text-gray-light",
-				children: subtitle
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-center gap-6",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_donut_chart.DonutChart, {
-				centerLabel: formatBreakdownCenter(centerTotal),
-				centerSub,
-				segments: sortedItems.map(({ value, color }) => ({
-					value,
-					color
-				}))
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex flex-1 flex-col gap-3",
-				children: sortedItems.map(({ label, value, color }) => {
-					const pct = value / total * 100;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex flex-col gap-1.5",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "flex items-baseline justify-between gap-2",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "min-w-0 truncate text-sm font-medium text-gray",
-								children: label
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "flex shrink-0 items-baseline gap-1.5 text-xs tabular-nums",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "text-gray-light",
-									children: require_utils_format.formatEnergy(value)
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "font-semibold text-gray",
-									children: `${require_utils_format.integerFormat.format(pct)} %`
-								})]
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "h-1 w-full overflow-hidden rounded-full bg-gray-a4",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "h-full rounded-full",
-								style: {
-									width: `${pct}%`,
-									background: color
-								}
-							})
-						})]
-					}, label);
-				})
-			})]
-		})]
-	});
-}
-//#endregion
-exports.EnergyBreakdown = EnergyBreakdown;
-
-//# sourceMappingURL=energy-breakdown.cjs.map