@epilot/spark-ui 0.18.2 → 0.20.0

package/dist/components/feed-in-hero.d.ts

@@ -1,32 +0,0 @@
-"use client";
-
-import { Tone } from "../lib/tones.js";
-
-//#region src/components/feed-in-hero.d.ts
-declare const FeedInHero: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-/**
- * Label row above the value. Lays out children in a flex row with a small
- * gap so a tooltip / icon can sit alongside the label text.
- */
-declare const FeedInHeroLabel: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const FeedInHeroValue: ({
-  className,
-  tone,
-  ...rest
-}: React.ComponentProps<"span"> & {
-  tone?: Tone;
-}) => import("react/jsx-runtime").JSX.Element;
-/** Smaller-weight unit suffix that sits inline with the value (e.g. "W"). */
-declare const FeedInHeroValueUnit: ({
-  className,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { FeedInHero, FeedInHeroLabel, FeedInHeroValue, FeedInHeroValueUnit };
-//# sourceMappingURL=feed-in-hero.d.ts.map

package/dist/components/feed-in-hero.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feed-in-hero.js","names":[],"sources":["../../src/components/feed-in-hero.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport type { Tone } from '../lib/tones'\nimport { cn } from '../utils/cn'\n\nconst FeedInHero = ({ className, ...rest }: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center gap-1 rounded-lg border border-gray p-5 text-center',\n        className,\n      )}\n      {...rest}\n    />\n  )\n}\n\n/**\n * Label row above the value. Lays out children in a flex row with a small\n * gap so a tooltip / icon can sit alongside the label text.\n */\nconst FeedInHeroLabel = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn(\n        'flex items-center gap-1.5 text-xs font-medium text-gray-light',\n        className,\n      )}\n      {...rest}\n    />\n  )\n}\n\nconst valueToneVariants = cva('text-4xl font-bold tabular-nums', {\n  variants: {\n    tone: {\n      success: 'text-success',\n      warning: 'text-warning',\n      error: 'text-error',\n      accent: 'text-accent',\n      neutral: 'text-gray',\n    },\n  },\n  defaultVariants: {\n    tone: 'neutral',\n  },\n})\n\nconst FeedInHeroValue = ({\n  className,\n  tone,\n  ...rest\n}: React.ComponentProps<'span'> & { tone?: Tone }) => {\n  return <span className={valueToneVariants({ tone, className })} {...rest} />\n}\n\n/** Smaller-weight unit suffix that sits inline with the value (e.g. \"W\"). */\nconst FeedInHeroValueUnit = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  return <span className={cn('text-2xl font-semibold', className)} {...rest} />\n}\n\nexport { FeedInHero, FeedInHeroLabel, FeedInHeroValue, FeedInHeroValueUnit }\n"],"mappings":";;;;;AAIA,MAAM,cAAc,EAAE,WAAW,GAAG,WAAwC;CAC1E,OACE,oBAAC,OAAD;EACE,WAAW,GACT,kFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;;;;AAMA,MAAM,mBAAmB,EACvB,WACA,GAAG,WAC8B;CACjC,OACE,oBAAC,OAAD;EACE,WAAW,GACT,iEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,oBAAoB,IAAI,mCAAmC;CAC/D,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,OAAO;EACP,QAAQ;EACR,SAAS;CACX,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CAAC;AAED,MAAM,mBAAmB,EACvB,WACA,MACA,GAAG,WACiD;CACpD,OAAO,oBAAC,QAAD;EAAM,WAAW,kBAAkB;GAAE;GAAM;EAAU,CAAC;EAAG,GAAI;CAAO,CAAA;AAC7E;;AAGA,MAAM,uBAAuB,EAC3B,WACA,GAAG,WAC+B;CAClC,OAAO,oBAAC,QAAD;EAAM,WAAW,GAAG,0BAA0B,SAAS;EAAG,GAAI;CAAO,CAAA;AAC9E"}

package/dist/components/metering-row.cjs

@@ -1,59 +0,0 @@
-"use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_components_icon = require("./icon.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let cnfast = require("cnfast");
-//#region src/components/metering-row.tsx
-const MeteringRowContext = (0, react.createContext)(null);
-function useMeteringRowTone() {
-	const tone = (0, react.useContext)(MeteringRowContext);
-	if (!tone) throw new Error("MeteringRow.* must be rendered inside <MeteringRow>");
-	return tone;
-}
-const MeteringRow = ({ className, tone, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MeteringRowContext.Provider, {
-		value: tone,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: (0, cnfast.cn)("group flex items-center gap-3", className),
-			"data-tone": tone,
-			...rest
-		})
-	});
-};
-const toneToIconColor = {
-	accent: "accent",
-	neutral: "neutral",
-	success: "success",
-	warning: "warning",
-	error: "danger"
-};
-const MeteringRowIcon = ({ className, icon: Glyph, ...rest }) => {
-	const tone = useMeteringRowTone();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_icon.Icon, {
-		...rest,
-		className,
-		color: toneToIconColor[tone],
-		size: "large",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Glyph, {})
-	});
-};
-const MeteringRowLabel = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: (0, cnfast.cn)("flex-1 text-sm text-gray", className),
-		...rest
-	});
-};
-const MeteringRowValue = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: (0, cnfast.cn)("text-lg leading-tight font-bold tabular-nums group-data-[tone=accent]:text-accent group-data-[tone=error]:text-error group-data-[tone=neutral]:text-gray group-data-[tone=success]:text-success group-data-[tone=warning]:text-warning", className),
-		...rest
-	});
-};
-//#endregion
-exports.MeteringRow = MeteringRow;
-exports.MeteringRowIcon = MeteringRowIcon;
-exports.MeteringRowLabel = MeteringRowLabel;
-exports.MeteringRowValue = MeteringRowValue;
-
-//# sourceMappingURL=metering-row.cjs.map

package/dist/components/metering-row.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"metering-row.cjs","names":["Icon"],"sources":["../../src/components/metering-row.tsx"],"sourcesContent":["import type { SparkIcon } from '@epilot/spark-icons'\nimport { createContext, useContext } from 'react'\nimport type { SparkAccentColor } from '../lib/accent-colors'\nimport type { Tone } from '../lib/tones'\nimport { cn } from '../utils/cn'\nimport { Icon } from './icon'\n\nconst MeteringRowContext = createContext<Tone | null>(null)\n\nfunction useMeteringRowTone() {\n  const tone = useContext(MeteringRowContext)\n  if (!tone) {\n    throw new Error('MeteringRow.* must be rendered inside <MeteringRow>')\n  }\n  return tone\n}\n\nconst MeteringRow = ({\n  className,\n  tone,\n  ...rest\n}: React.ComponentProps<'div'> & {\n  tone: Tone\n}) => {\n  return (\n    <MeteringRowContext.Provider value={tone}>\n      <div\n        className={cn('group flex items-center gap-3', className)}\n        data-tone={tone}\n        {...rest}\n      />\n    </MeteringRowContext.Provider>\n  )\n}\n\nconst toneToIconColor: Record<Tone, SparkAccentColor> = {\n  accent: 'accent',\n  neutral: 'neutral',\n  success: 'success',\n  warning: 'warning',\n  error: 'danger',\n}\n\nconst MeteringRowIcon = ({\n  className,\n  icon: Glyph,\n  ...rest\n}: React.ComponentProps<'span'> & {\n  icon: SparkIcon\n}) => {\n  const tone = useMeteringRowTone()\n  return (\n    <Icon\n      {...rest}\n      className={className}\n      color={toneToIconColor[tone]}\n      size=\"large\"\n    >\n      <Glyph />\n    </Icon>\n  )\n}\n\nconst MeteringRowLabel = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  return (\n    <span className={cn('flex-1 text-sm text-gray', className)} {...rest} />\n  )\n}\n\nconst MeteringRowValue = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  return (\n    <span\n      className={cn(\n        'text-lg leading-tight font-bold tabular-nums group-data-[tone=accent]:text-accent group-data-[tone=error]:text-error group-data-[tone=neutral]:text-gray group-data-[tone=success]:text-success group-data-[tone=warning]:text-warning',\n        className,\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport { MeteringRow, MeteringRowIcon, MeteringRowLabel, MeteringRowValue }\n"],"mappings":";;;;;;;AAOA,MAAM,sBAAA,GAAA,MAAA,eAAgD,IAAI;AAE1D,SAAS,qBAAqB;CAC5B,MAAM,QAAA,GAAA,MAAA,YAAkB,kBAAkB;CAC1C,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,qDAAqD;CAEvE,OAAO;AACT;AAEA,MAAM,eAAe,EACnB,WACA,MACA,GAAG,WAGC;CACJ,OACE,iBAAA,GAAA,kBAAA,KAAC,mBAAmB,UAApB;EAA6B,OAAO;YAClC,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,YAAA,GAAA,OAAA,IAAc,iCAAiC,SAAS;GACxD,aAAW;GACX,GAAI;EACL,CAAA;CAC0B,CAAA;AAEjC;AAEA,MAAM,kBAAkD;CACtD,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,OAAO;AACT;AAEA,MAAM,mBAAmB,EACvB,WACA,MAAM,OACN,GAAG,WAGC;CACJ,MAAM,OAAO,mBAAmB;CAChC,OACE,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,MAAD;EACE,GAAI;EACO;EACX,OAAO,gBAAgB;EACvB,MAAK;YAEL,iBAAA,GAAA,kBAAA,KAAC,OAAD,CAAQ,CAAA;CACJ,CAAA;AAEV;AAEA,MAAM,oBAAoB,EACxB,WACA,GAAG,WAC+B;CAClC,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,YAAA,GAAA,OAAA,IAAc,4BAA4B,SAAS;EAAG,GAAI;CAAO,CAAA;AAE3E;AAEA,MAAM,oBAAoB,EACxB,WACA,GAAG,WAC+B;CAClC,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EACE,YAAA,GAAA,OAAA,IACE,0OACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/metering-row.d.cts

@@ -1,31 +0,0 @@
-"use client";
-
-import { Tone } from "../lib/tones.cjs";
-import { SparkIcon } from "@epilot/spark-icons";
-
-//#region src/components/metering-row.d.ts
-declare const MeteringRow: ({
-  className,
-  tone,
-  ...rest
-}: React.ComponentProps<"div"> & {
-  tone: Tone;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MeteringRowIcon: ({
-  className,
-  icon: Glyph,
-  ...rest
-}: React.ComponentProps<"span"> & {
-  icon: SparkIcon;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MeteringRowLabel: ({
-  className,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
-declare const MeteringRowValue: ({
-  className,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { MeteringRow, MeteringRowIcon, MeteringRowLabel, MeteringRowValue };
-//# sourceMappingURL=metering-row.d.cts.map

package/dist/components/metering-row.d.ts

@@ -1,31 +0,0 @@
-"use client";
-
-import { Tone } from "../lib/tones.js";
-import { SparkIcon } from "@epilot/spark-icons";
-
-//#region src/components/metering-row.d.ts
-declare const MeteringRow: ({
-  className,
-  tone,
-  ...rest
-}: React.ComponentProps<"div"> & {
-  tone: Tone;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MeteringRowIcon: ({
-  className,
-  icon: Glyph,
-  ...rest
-}: React.ComponentProps<"span"> & {
-  icon: SparkIcon;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MeteringRowLabel: ({
-  className,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
-declare const MeteringRowValue: ({
-  className,
-  ...rest
-}: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { MeteringRow, MeteringRowIcon, MeteringRowLabel, MeteringRowValue };
-//# sourceMappingURL=metering-row.d.ts.map

package/dist/components/metering-row.js

@@ -1,55 +0,0 @@
-"use client";
-import { cn } from "../utils/cn.js";
-import { Icon } from "./icon.js";
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/metering-row.tsx
-const MeteringRowContext = createContext(null);
-function useMeteringRowTone() {
-	const tone = useContext(MeteringRowContext);
-	if (!tone) throw new Error("MeteringRow.* must be rendered inside <MeteringRow>");
-	return tone;
-}
-const MeteringRow = ({ className, tone, ...rest }) => {
-	return /* @__PURE__ */ jsx(MeteringRowContext.Provider, {
-		value: tone,
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("group flex items-center gap-3", className),
-			"data-tone": tone,
-			...rest
-		})
-	});
-};
-const toneToIconColor = {
-	accent: "accent",
-	neutral: "neutral",
-	success: "success",
-	warning: "warning",
-	error: "danger"
-};
-const MeteringRowIcon = ({ className, icon: Glyph, ...rest }) => {
-	const tone = useMeteringRowTone();
-	return /* @__PURE__ */ jsx(Icon, {
-		...rest,
-		className,
-		color: toneToIconColor[tone],
-		size: "large",
-		children: /* @__PURE__ */ jsx(Glyph, {})
-	});
-};
-const MeteringRowLabel = ({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("flex-1 text-sm text-gray", className),
-		...rest
-	});
-};
-const MeteringRowValue = ({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("text-lg leading-tight font-bold tabular-nums group-data-[tone=accent]:text-accent group-data-[tone=error]:text-error group-data-[tone=neutral]:text-gray group-data-[tone=success]:text-success group-data-[tone=warning]:text-warning", className),
-		...rest
-	});
-};
-//#endregion
-export { MeteringRow, MeteringRowIcon, MeteringRowLabel, MeteringRowValue };
-
-//# sourceMappingURL=metering-row.js.map

package/dist/components/metering-row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"metering-row.js","names":[],"sources":["../../src/components/metering-row.tsx"],"sourcesContent":["import type { SparkIcon } from '@epilot/spark-icons'\nimport { createContext, useContext } from 'react'\nimport type { SparkAccentColor } from '../lib/accent-colors'\nimport type { Tone } from '../lib/tones'\nimport { cn } from '../utils/cn'\nimport { Icon } from './icon'\n\nconst MeteringRowContext = createContext<Tone | null>(null)\n\nfunction useMeteringRowTone() {\n  const tone = useContext(MeteringRowContext)\n  if (!tone) {\n    throw new Error('MeteringRow.* must be rendered inside <MeteringRow>')\n  }\n  return tone\n}\n\nconst MeteringRow = ({\n  className,\n  tone,\n  ...rest\n}: React.ComponentProps<'div'> & {\n  tone: Tone\n}) => {\n  return (\n    <MeteringRowContext.Provider value={tone}>\n      <div\n        className={cn('group flex items-center gap-3', className)}\n        data-tone={tone}\n        {...rest}\n      />\n    </MeteringRowContext.Provider>\n  )\n}\n\nconst toneToIconColor: Record<Tone, SparkAccentColor> = {\n  accent: 'accent',\n  neutral: 'neutral',\n  success: 'success',\n  warning: 'warning',\n  error: 'danger',\n}\n\nconst MeteringRowIcon = ({\n  className,\n  icon: Glyph,\n  ...rest\n}: React.ComponentProps<'span'> & {\n  icon: SparkIcon\n}) => {\n  const tone = useMeteringRowTone()\n  return (\n    <Icon\n      {...rest}\n      className={className}\n      color={toneToIconColor[tone]}\n      size=\"large\"\n    >\n      <Glyph />\n    </Icon>\n  )\n}\n\nconst MeteringRowLabel = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  return (\n    <span className={cn('flex-1 text-sm text-gray', className)} {...rest} />\n  )\n}\n\nconst MeteringRowValue = ({\n  className,\n  ...rest\n}: React.ComponentProps<'span'>) => {\n  return (\n    <span\n      className={cn(\n        'text-lg leading-tight font-bold tabular-nums group-data-[tone=accent]:text-accent group-data-[tone=error]:text-error group-data-[tone=neutral]:text-gray group-data-[tone=success]:text-success group-data-[tone=warning]:text-warning',\n        className,\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport { MeteringRow, MeteringRowIcon, MeteringRowLabel, MeteringRowValue }\n"],"mappings":";;;;;;AAOA,MAAM,qBAAqB,cAA2B,IAAI;AAE1D,SAAS,qBAAqB;CAC5B,MAAM,OAAO,WAAW,kBAAkB;CAC1C,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,qDAAqD;CAEvE,OAAO;AACT;AAEA,MAAM,eAAe,EACnB,WACA,MACA,GAAG,WAGC;CACJ,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;YAClC,oBAAC,OAAD;GACE,WAAW,GAAG,iCAAiC,SAAS;GACxD,aAAW;GACX,GAAI;EACL,CAAA;CAC0B,CAAA;AAEjC;AAEA,MAAM,kBAAkD;CACtD,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,OAAO;AACT;AAEA,MAAM,mBAAmB,EACvB,WACA,MAAM,OACN,GAAG,WAGC;CACJ,MAAM,OAAO,mBAAmB;CAChC,OACE,oBAAC,MAAD;EACE,GAAI;EACO;EACX,OAAO,gBAAgB;EACvB,MAAK;YAEL,oBAAC,OAAD,CAAQ,CAAA;CACJ,CAAA;AAEV;AAEA,MAAM,oBAAoB,EACxB,WACA,GAAG,WAC+B;CAClC,OACE,oBAAC,QAAD;EAAM,WAAW,GAAG,4BAA4B,SAAS;EAAG,GAAI;CAAO,CAAA;AAE3E;AAEA,MAAM,oBAAoB,EACxB,WACA,GAAG,WAC+B;CAClC,OACE,oBAAC,QAAD;EACE,WAAW,GACT,0OACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/money-saved-block.cjs

@@ -1,83 +0,0 @@
-"use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_components_typography = require("./typography.cjs");
-let _epilot_spark_icons = require("@epilot/spark-icons");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/money-saved-block.tsx
-const MoneySavedContainer = ({ children, ariaLabel = "Money saved today" }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"aria-label": ariaLabel,
-		className: "flex items-center justify-between gap-4",
-		children
-	});
-};
-const MoneySavedContent = ({ children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex flex-col gap-1",
-		children
-	});
-};
-const MoneySavedTitle = ({ children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_typography.SectionTitle, { children });
-};
-const MoneySavedValue = ({ children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_typography.StateValue, { children });
-};
-const MoneySavedDelta = ({ children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: "flex items-end gap-1 text-sm text-base-success-solid",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_epilot_spark_icons.SwapVert, { className: "rotate-180 [--spark-icon-size:14px]" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "tabular-nums",
-			children
-		})]
-	});
-};
-const MoneySavedGaugeContainer = ({ children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "relative top-2 flex flex-col items-end gap-1",
-		children
-	});
-};
-const MoneySavedGaugeContent = ({ autarkyProgress, autarkyLabel, autarkyCaption = "Autarky", gaugeWidth, gaugeHeight, gaugeArcPath, gaugeStrokeWidth }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-			className: "h-[44px] w-[76px]",
-			viewBox: `0 0 ${gaugeWidth} ${gaugeHeight}`,
-			"aria-hidden": "true",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: gaugeArcPath,
-				fill: "none",
-				stroke: "var(--neutral-a5)",
-				strokeWidth: gaugeStrokeWidth,
-				strokeLinecap: "round",
-				pathLength: 1
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: gaugeArcPath,
-				fill: "none",
-				stroke: "var(--green-a9)",
-				strokeWidth: gaugeStrokeWidth,
-				strokeLinecap: "round",
-				pathLength: 1,
-				strokeDasharray: `${autarkyProgress} 1`
-			})]
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "absolute inset-0 flex items-center justify-center text-sm font-semibold text-gray",
-			children: autarkyLabel
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "mx-auto text-xs text-gray-light",
-			children: autarkyCaption
-		})
-	] });
-};
-//#endregion
-exports.MoneySavedContainer = MoneySavedContainer;
-exports.MoneySavedContent = MoneySavedContent;
-exports.MoneySavedDelta = MoneySavedDelta;
-exports.MoneySavedGaugeContainer = MoneySavedGaugeContainer;
-exports.MoneySavedGaugeContent = MoneySavedGaugeContent;
-exports.MoneySavedTitle = MoneySavedTitle;
-exports.MoneySavedValue = MoneySavedValue;
-
-//# sourceMappingURL=money-saved-block.cjs.map

package/dist/components/money-saved-block.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"money-saved-block.cjs","names":["SectionTitle","StateValue","SwapVert"],"sources":["../../src/components/money-saved-block.tsx"],"sourcesContent":["import { SwapVert } from '@epilot/spark-icons'\nimport { SectionTitle, StateValue } from './typography'\n\nconst MoneySavedContainer = ({\n  children,\n  ariaLabel = 'Money saved today',\n}: {\n  children: React.ReactNode\n  /** Override the accessible label for the container. Defaults to `\"Money saved today\"`. */\n  ariaLabel?: string\n}) => {\n  return (\n    <div\n      aria-label={ariaLabel}\n      className=\"flex items-center justify-between gap-4\"\n    >\n      {children}\n    </div>\n  )\n}\n\nconst MoneySavedContent = ({ children }: { children: React.ReactNode }) => {\n  return <div className=\"flex flex-col gap-1\">{children}</div>\n}\n\nconst MoneySavedTitle = ({ children }: { children: React.ReactNode }) => {\n  return <SectionTitle>{children}</SectionTitle>\n}\n\nconst MoneySavedValue = ({ children }: { children: React.ReactNode }) => {\n  return <StateValue>{children}</StateValue>\n}\n\nconst MoneySavedDelta = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <span className=\"flex items-end gap-1 text-sm text-base-success-solid\">\n      <SwapVert className=\"rotate-180 [--spark-icon-size:14px]\" />\n      <span className=\"tabular-nums\">{children}</span>\n    </span>\n  )\n}\n\nconst MoneySavedGaugeContainer = ({\n  children,\n}: {\n  children: React.ReactNode\n}) => {\n  return (\n    <div className=\"relative top-2 flex flex-col items-end gap-1\">\n      {children}\n    </div>\n  )\n}\n\nconst MoneySavedGaugeContent = ({\n  autarkyProgress,\n  autarkyLabel,\n  autarkyCaption = 'Autarky',\n  gaugeWidth,\n  gaugeHeight,\n  gaugeArcPath,\n  gaugeStrokeWidth,\n}: {\n  autarkyProgress: number\n  autarkyLabel: string\n  /** Override the caption shown beneath the gauge. Defaults to `\"Autarky\"`. */\n  autarkyCaption?: React.ReactNode\n  gaugeWidth: number\n  gaugeHeight: number\n  gaugeArcPath: string\n  gaugeStrokeWidth: number\n}) => {\n  return (\n    <>\n      <svg\n        className=\"h-[44px] w-[76px]\"\n        viewBox={`0 0 ${gaugeWidth} ${gaugeHeight}`}\n        aria-hidden=\"true\"\n      >\n        <path\n          d={gaugeArcPath}\n          fill=\"none\"\n          stroke=\"var(--neutral-a5)\"\n          strokeWidth={gaugeStrokeWidth}\n          strokeLinecap=\"round\"\n          pathLength={1}\n        />\n        <path\n          d={gaugeArcPath}\n          fill=\"none\"\n          stroke=\"var(--green-a9)\"\n          strokeWidth={gaugeStrokeWidth}\n          strokeLinecap=\"round\"\n          pathLength={1}\n          strokeDasharray={`${autarkyProgress} 1`}\n        />\n      </svg>\n      <span className=\"absolute inset-0 flex items-center justify-center text-sm font-semibold text-gray\">\n        {autarkyLabel}\n      </span>\n      <span className=\"mx-auto text-xs text-gray-light\">{autarkyCaption}</span>\n    </>\n  )\n}\n\nexport {\n  MoneySavedContainer,\n  MoneySavedContent,\n  MoneySavedTitle,\n  MoneySavedValue,\n  MoneySavedDelta,\n  MoneySavedGaugeContainer,\n  MoneySavedGaugeContent,\n}\n"],"mappings":";;;;;;AAGA,MAAM,uBAAuB,EAC3B,UACA,YAAY,0BAKR;CACJ,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,cAAY;EACZ,WAAU;EAET;CACE,CAAA;AAET;AAEA,MAAM,qBAAqB,EAAE,eAA8C;CACzE,OAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;EAAuB;CAAc,CAAA;AAC7D;AAEA,MAAM,mBAAmB,EAAE,eAA8C;CACvE,OAAO,iBAAA,GAAA,kBAAA,KAACA,8BAAAA,cAAD,EAAe,SAAuB,CAAA;AAC/C;AAEA,MAAM,mBAAmB,EAAE,eAA8C;CACvE,OAAO,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,YAAD,EAAa,SAAqB,CAAA;AAC3C;AAEA,MAAM,mBAAmB,EAAE,eAA8C;CACvE,OACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EAAM,WAAU;YAAhB,CACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,UAAD,EAAU,WAAU,sCAAuC,CAAA,GAC3D,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;GAAgB;EAAe,CAAA,CAC3C;;AAEV;AAEA,MAAM,4BAA4B,EAChC,eAGI;CACJ,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;EACZ;CACE,CAAA;AAET;AAEA,MAAM,0BAA0B,EAC9B,iBACA,cACA,iBAAiB,WACjB,YACA,aACA,cACA,uBAUI;CACJ,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GACE,WAAU;GACV,SAAS,OAAO,WAAW,GAAG;GAC9B,eAAY;aAHd,CAKE,iBAAA,GAAA,kBAAA,KAAC,QAAD;IACE,GAAG;IACH,MAAK;IACL,QAAO;IACP,aAAa;IACb,eAAc;IACd,YAAY;GACb,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAC,QAAD;IACE,GAAG;IACH,MAAK;IACL,QAAO;IACP,aAAa;IACb,eAAc;IACd,YAAY;IACZ,iBAAiB,GAAG,gBAAgB;GACrC,CAAA,CACE;;EACL,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aACb;EACG,CAAA;EACN,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAmC;EAAqB,CAAA;CACxE,EAAA,CAAA;AAEN"}

package/dist/components/money-saved-block.d.cts

@@ -1,55 +0,0 @@
-"use client";
-
-//#region src/components/money-saved-block.d.ts
-declare const MoneySavedContainer: ({
-  children,
-  ariaLabel
-}: {
-  children: React.ReactNode; /** Override the accessible label for the container. Defaults to `"Money saved today"`. */
-  ariaLabel?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedContent: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedTitle: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedValue: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedDelta: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedGaugeContainer: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedGaugeContent: ({
-  autarkyProgress,
-  autarkyLabel,
-  autarkyCaption,
-  gaugeWidth,
-  gaugeHeight,
-  gaugeArcPath,
-  gaugeStrokeWidth
-}: {
-  autarkyProgress: number;
-  autarkyLabel: string; /** Override the caption shown beneath the gauge. Defaults to `"Autarky"`. */
-  autarkyCaption?: React.ReactNode;
-  gaugeWidth: number;
-  gaugeHeight: number;
-  gaugeArcPath: string;
-  gaugeStrokeWidth: number;
-}) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { MoneySavedContainer, MoneySavedContent, MoneySavedDelta, MoneySavedGaugeContainer, MoneySavedGaugeContent, MoneySavedTitle, MoneySavedValue };
-//# sourceMappingURL=money-saved-block.d.cts.map

package/dist/components/money-saved-block.d.ts

@@ -1,55 +0,0 @@
-"use client";
-
-//#region src/components/money-saved-block.d.ts
-declare const MoneySavedContainer: ({
-  children,
-  ariaLabel
-}: {
-  children: React.ReactNode; /** Override the accessible label for the container. Defaults to `"Money saved today"`. */
-  ariaLabel?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedContent: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedTitle: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedValue: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedDelta: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedGaugeContainer: ({
-  children
-}: {
-  children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const MoneySavedGaugeContent: ({
-  autarkyProgress,
-  autarkyLabel,
-  autarkyCaption,
-  gaugeWidth,
-  gaugeHeight,
-  gaugeArcPath,
-  gaugeStrokeWidth
-}: {
-  autarkyProgress: number;
-  autarkyLabel: string; /** Override the caption shown beneath the gauge. Defaults to `"Autarky"`. */
-  autarkyCaption?: React.ReactNode;
-  gaugeWidth: number;
-  gaugeHeight: number;
-  gaugeArcPath: string;
-  gaugeStrokeWidth: number;
-}) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { MoneySavedContainer, MoneySavedContent, MoneySavedDelta, MoneySavedGaugeContainer, MoneySavedGaugeContent, MoneySavedTitle, MoneySavedValue };
-//# sourceMappingURL=money-saved-block.d.ts.map

package/dist/components/money-saved-block.js

@@ -1,76 +0,0 @@
-"use client";
-import { SectionTitle, StateValue } from "./typography.js";
-import { SwapVert } from "@epilot/spark-icons";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/money-saved-block.tsx
-const MoneySavedContainer = ({ children, ariaLabel = "Money saved today" }) => {
-	return /* @__PURE__ */ jsx("div", {
-		"aria-label": ariaLabel,
-		className: "flex items-center justify-between gap-4",
-		children
-	});
-};
-const MoneySavedContent = ({ children }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-col gap-1",
-		children
-	});
-};
-const MoneySavedTitle = ({ children }) => {
-	return /* @__PURE__ */ jsx(SectionTitle, { children });
-};
-const MoneySavedValue = ({ children }) => {
-	return /* @__PURE__ */ jsx(StateValue, { children });
-};
-const MoneySavedDelta = ({ children }) => {
-	return /* @__PURE__ */ jsxs("span", {
-		className: "flex items-end gap-1 text-sm text-base-success-solid",
-		children: [/* @__PURE__ */ jsx(SwapVert, { className: "rotate-180 [--spark-icon-size:14px]" }), /* @__PURE__ */ jsx("span", {
-			className: "tabular-nums",
-			children
-		})]
-	});
-};
-const MoneySavedGaugeContainer = ({ children }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: "relative top-2 flex flex-col items-end gap-1",
-		children
-	});
-};
-const MoneySavedGaugeContent = ({ autarkyProgress, autarkyLabel, autarkyCaption = "Autarky", gaugeWidth, gaugeHeight, gaugeArcPath, gaugeStrokeWidth }) => {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsxs("svg", {
-			className: "h-[44px] w-[76px]",
-			viewBox: `0 0 ${gaugeWidth} ${gaugeHeight}`,
-			"aria-hidden": "true",
-			children: [/* @__PURE__ */ jsx("path", {
-				d: gaugeArcPath,
-				fill: "none",
-				stroke: "var(--neutral-a5)",
-				strokeWidth: gaugeStrokeWidth,
-				strokeLinecap: "round",
-				pathLength: 1
-			}), /* @__PURE__ */ jsx("path", {
-				d: gaugeArcPath,
-				fill: "none",
-				stroke: "var(--green-a9)",
-				strokeWidth: gaugeStrokeWidth,
-				strokeLinecap: "round",
-				pathLength: 1,
-				strokeDasharray: `${autarkyProgress} 1`
-			})]
-		}),
-		/* @__PURE__ */ jsx("span", {
-			className: "absolute inset-0 flex items-center justify-center text-sm font-semibold text-gray",
-			children: autarkyLabel
-		}),
-		/* @__PURE__ */ jsx("span", {
-			className: "mx-auto text-xs text-gray-light",
-			children: autarkyCaption
-		})
-	] });
-};
-//#endregion
-export { MoneySavedContainer, MoneySavedContent, MoneySavedDelta, MoneySavedGaugeContainer, MoneySavedGaugeContent, MoneySavedTitle, MoneySavedValue };
-
-//# sourceMappingURL=money-saved-block.js.map

package/dist/components/money-saved-block.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"money-saved-block.js","names":[],"sources":["../../src/components/money-saved-block.tsx"],"sourcesContent":["import { SwapVert } from '@epilot/spark-icons'\nimport { SectionTitle, StateValue } from './typography'\n\nconst MoneySavedContainer = ({\n  children,\n  ariaLabel = 'Money saved today',\n}: {\n  children: React.ReactNode\n  /** Override the accessible label for the container. Defaults to `\"Money saved today\"`. */\n  ariaLabel?: string\n}) => {\n  return (\n    <div\n      aria-label={ariaLabel}\n      className=\"flex items-center justify-between gap-4\"\n    >\n      {children}\n    </div>\n  )\n}\n\nconst MoneySavedContent = ({ children }: { children: React.ReactNode }) => {\n  return <div className=\"flex flex-col gap-1\">{children}</div>\n}\n\nconst MoneySavedTitle = ({ children }: { children: React.ReactNode }) => {\n  return <SectionTitle>{children}</SectionTitle>\n}\n\nconst MoneySavedValue = ({ children }: { children: React.ReactNode }) => {\n  return <StateValue>{children}</StateValue>\n}\n\nconst MoneySavedDelta = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <span className=\"flex items-end gap-1 text-sm text-base-success-solid\">\n      <SwapVert className=\"rotate-180 [--spark-icon-size:14px]\" />\n      <span className=\"tabular-nums\">{children}</span>\n    </span>\n  )\n}\n\nconst MoneySavedGaugeContainer = ({\n  children,\n}: {\n  children: React.ReactNode\n}) => {\n  return (\n    <div className=\"relative top-2 flex flex-col items-end gap-1\">\n      {children}\n    </div>\n  )\n}\n\nconst MoneySavedGaugeContent = ({\n  autarkyProgress,\n  autarkyLabel,\n  autarkyCaption = 'Autarky',\n  gaugeWidth,\n  gaugeHeight,\n  gaugeArcPath,\n  gaugeStrokeWidth,\n}: {\n  autarkyProgress: number\n  autarkyLabel: string\n  /** Override the caption shown beneath the gauge. Defaults to `\"Autarky\"`. */\n  autarkyCaption?: React.ReactNode\n  gaugeWidth: number\n  gaugeHeight: number\n  gaugeArcPath: string\n  gaugeStrokeWidth: number\n}) => {\n  return (\n    <>\n      <svg\n        className=\"h-[44px] w-[76px]\"\n        viewBox={`0 0 ${gaugeWidth} ${gaugeHeight}`}\n        aria-hidden=\"true\"\n      >\n        <path\n          d={gaugeArcPath}\n          fill=\"none\"\n          stroke=\"var(--neutral-a5)\"\n          strokeWidth={gaugeStrokeWidth}\n          strokeLinecap=\"round\"\n          pathLength={1}\n        />\n        <path\n          d={gaugeArcPath}\n          fill=\"none\"\n          stroke=\"var(--green-a9)\"\n          strokeWidth={gaugeStrokeWidth}\n          strokeLinecap=\"round\"\n          pathLength={1}\n          strokeDasharray={`${autarkyProgress} 1`}\n        />\n      </svg>\n      <span className=\"absolute inset-0 flex items-center justify-center text-sm font-semibold text-gray\">\n        {autarkyLabel}\n      </span>\n      <span className=\"mx-auto text-xs text-gray-light\">{autarkyCaption}</span>\n    </>\n  )\n}\n\nexport {\n  MoneySavedContainer,\n  MoneySavedContent,\n  MoneySavedTitle,\n  MoneySavedValue,\n  MoneySavedDelta,\n  MoneySavedGaugeContainer,\n  MoneySavedGaugeContent,\n}\n"],"mappings":";;;;;AAGA,MAAM,uBAAuB,EAC3B,UACA,YAAY,0BAKR;CACJ,OACE,oBAAC,OAAD;EACE,cAAY;EACZ,WAAU;EAET;CACE,CAAA;AAET;AAEA,MAAM,qBAAqB,EAAE,eAA8C;CACzE,OAAO,oBAAC,OAAD;EAAK,WAAU;EAAuB;CAAc,CAAA;AAC7D;AAEA,MAAM,mBAAmB,EAAE,eAA8C;CACvE,OAAO,oBAAC,cAAD,EAAe,SAAuB,CAAA;AAC/C;AAEA,MAAM,mBAAmB,EAAE,eAA8C;CACvE,OAAO,oBAAC,YAAD,EAAa,SAAqB,CAAA;AAC3C;AAEA,MAAM,mBAAmB,EAAE,eAA8C;CACvE,OACE,qBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,oBAAC,UAAD,EAAU,WAAU,sCAAuC,CAAA,GAC3D,oBAAC,QAAD;GAAM,WAAU;GAAgB;EAAe,CAAA,CAC3C;;AAEV;AAEA,MAAM,4BAA4B,EAChC,eAGI;CACJ,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ;CACE,CAAA;AAET;AAEA,MAAM,0BAA0B,EAC9B,iBACA,cACA,iBAAiB,WACjB,YACA,aACA,cACA,uBAUI;CACJ,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,qBAAC,OAAD;GACE,WAAU;GACV,SAAS,OAAO,WAAW,GAAG;GAC9B,eAAY;aAHd,CAKE,oBAAC,QAAD;IACE,GAAG;IACH,MAAK;IACL,QAAO;IACP,aAAa;IACb,eAAc;IACd,YAAY;GACb,CAAA,GACD,oBAAC,QAAD;IACE,GAAG;IACH,MAAK;IACL,QAAO;IACP,aAAa;IACb,eAAc;IACd,YAAY;IACZ,iBAAiB,GAAG,gBAAgB;GACrC,CAAA,CACE;;EACL,oBAAC,QAAD;GAAM,WAAU;aACb;EACG,CAAA;EACN,oBAAC,QAAD;GAAM,WAAU;aAAmC;EAAqB,CAAA;CACxE,EAAA,CAAA;AAEN"}

package/dist/components/on-off-button.cjs

@@ -1,32 +0,0 @@
-"use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let _epilot_spark_icons = require("@epilot/spark-icons");
-let react_jsx_runtime = require("react/jsx-runtime");
-let class_variance_authority = require("class-variance-authority");
-//#region src/components/on-off-button.tsx
-function OnOffButton({ disabled, isOn, onClick, className }) {
-	const handleClick = (event) => {
-		event.stopPropagation();
-		onClick();
-	};
-	const onOfButtonClassName = (0, class_variance_authority.cva)("focus-visible:ring-primary touch-target inline-flex size-9 min-w-9 cursor-pointer items-center justify-center justify-self-end rounded-[max(var(--spark-rounded-md),var(--spark-rounded-full))] transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-60", { variants: { isOn: {
-		true: "bg-base-success-soft text-success hover:bg-base-success-soft/80",
-		false: "border border-gray text-gray-light hover:bg-base-gray-soft"
-	} } });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		"aria-label": isOn ? "Turn off" : "Turn on",
-		"aria-pressed": isOn,
-		className: onOfButtonClassName({
-			isOn,
-			className
-		}),
-		disabled,
-		onClick: handleClick,
-		type: "button",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_epilot_spark_icons.PowerSettingsNew, { className: "block leading-none [--spark-icon-size:16px]" })
-	});
-}
-//#endregion
-exports.OnOffButton = OnOffButton;
-
-//# sourceMappingURL=on-off-button.cjs.map

package/dist/components/on-off-button.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"on-off-button.cjs","names":["PowerSettingsNew"],"sources":["../../src/components/on-off-button.tsx"],"sourcesContent":["import { PowerSettingsNew } from '@epilot/spark-icons'\nimport { cva } from 'class-variance-authority'\nimport type { MouseEvent } from 'react'\n\ninterface OnOffButtonProps {\n  isOn: boolean\n  disabled?: boolean\n  onClick: () => void\n  className?: string\n}\n\nexport function OnOffButton({\n  disabled,\n  isOn,\n  onClick,\n  className,\n}: OnOffButtonProps) {\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation()\n    onClick()\n  }\n\n  const onOfButtonClassName = cva(\n    'focus-visible:ring-primary touch-target inline-flex size-9 min-w-9 cursor-pointer items-center justify-center justify-self-end rounded-[max(var(--spark-rounded-md),var(--spark-rounded-full))] transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-60',\n    {\n      variants: {\n        isOn: {\n          true: 'bg-base-success-soft text-success hover:bg-base-success-soft/80',\n          false: 'border border-gray text-gray-light hover:bg-base-gray-soft',\n        },\n      },\n    },\n  )\n\n  return (\n    <button\n      aria-label={isOn ? 'Turn off' : 'Turn on'}\n      aria-pressed={isOn}\n      className={onOfButtonClassName({ isOn, className })}\n      disabled={disabled}\n      onClick={handleClick}\n      type=\"button\"\n    >\n      <PowerSettingsNew className=\"block leading-none [--spark-icon-size:16px]\" />\n    </button>\n  )\n}\n"],"mappings":";;;;;;AAWA,SAAgB,YAAY,EAC1B,UACA,MACA,SACA,aACmB;CACnB,MAAM,eAAe,UAAyC;EAC5D,MAAM,gBAAgB;EACtB,QAAQ;CACV;CAEA,MAAM,uBAAA,GAAA,yBAAA,KACJ,qTACA,EACE,UAAU,EACR,MAAM;EACJ,MAAM;EACN,OAAO;CACT,EACF,EACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EACE,cAAY,OAAO,aAAa;EAChC,gBAAc;EACd,WAAW,oBAAoB;GAAE;GAAM;EAAU,CAAC;EACxC;EACV,SAAS;EACT,MAAK;YAEL,iBAAA,GAAA,kBAAA,KAACA,oBAAAA,kBAAD,EAAkB,WAAU,8CAA+C,CAAA;CACrE,CAAA;AAEZ"}

package/dist/components/on-off-button.d.cts

@@ -1,18 +0,0 @@
-"use client";
-
-//#region src/components/on-off-button.d.ts
-interface OnOffButtonProps {
-  isOn: boolean;
-  disabled?: boolean;
-  onClick: () => void;
-  className?: string;
-}
-declare function OnOffButton({
-  disabled,
-  isOn,
-  onClick,
-  className
-}: OnOffButtonProps): import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { OnOffButton };
-//# sourceMappingURL=on-off-button.d.cts.map

package/dist/components/on-off-button.d.ts

@@ -1,18 +0,0 @@
-"use client";
-
-//#region src/components/on-off-button.d.ts
-interface OnOffButtonProps {
-  isOn: boolean;
-  disabled?: boolean;
-  onClick: () => void;
-  className?: string;
-}
-declare function OnOffButton({
-  disabled,
-  isOn,
-  onClick,
-  className
-}: OnOffButtonProps): import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { OnOffButton };
-//# sourceMappingURL=on-off-button.d.ts.map

package/dist/components/on-off-button.js

@@ -1,31 +0,0 @@
-"use client";
-import { PowerSettingsNew } from "@epilot/spark-icons";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-//#region src/components/on-off-button.tsx
-function OnOffButton({ disabled, isOn, onClick, className }) {
-	const handleClick = (event) => {
-		event.stopPropagation();
-		onClick();
-	};
-	const onOfButtonClassName = cva("focus-visible:ring-primary touch-target inline-flex size-9 min-w-9 cursor-pointer items-center justify-center justify-self-end rounded-[max(var(--spark-rounded-md),var(--spark-rounded-full))] transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-60", { variants: { isOn: {
-		true: "bg-base-success-soft text-success hover:bg-base-success-soft/80",
-		false: "border border-gray text-gray-light hover:bg-base-gray-soft"
-	} } });
-	return /* @__PURE__ */ jsx("button", {
-		"aria-label": isOn ? "Turn off" : "Turn on",
-		"aria-pressed": isOn,
-		className: onOfButtonClassName({
-			isOn,
-			className
-		}),
-		disabled,
-		onClick: handleClick,
-		type: "button",
-		children: /* @__PURE__ */ jsx(PowerSettingsNew, { className: "block leading-none [--spark-icon-size:16px]" })
-	});
-}
-//#endregion
-export { OnOffButton };
-
-//# sourceMappingURL=on-off-button.js.map

package/dist/components/on-off-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"on-off-button.js","names":[],"sources":["../../src/components/on-off-button.tsx"],"sourcesContent":["import { PowerSettingsNew } from '@epilot/spark-icons'\nimport { cva } from 'class-variance-authority'\nimport type { MouseEvent } from 'react'\n\ninterface OnOffButtonProps {\n  isOn: boolean\n  disabled?: boolean\n  onClick: () => void\n  className?: string\n}\n\nexport function OnOffButton({\n  disabled,\n  isOn,\n  onClick,\n  className,\n}: OnOffButtonProps) {\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation()\n    onClick()\n  }\n\n  const onOfButtonClassName = cva(\n    'focus-visible:ring-primary touch-target inline-flex size-9 min-w-9 cursor-pointer items-center justify-center justify-self-end rounded-[max(var(--spark-rounded-md),var(--spark-rounded-full))] transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-60',\n    {\n      variants: {\n        isOn: {\n          true: 'bg-base-success-soft text-success hover:bg-base-success-soft/80',\n          false: 'border border-gray text-gray-light hover:bg-base-gray-soft',\n        },\n      },\n    },\n  )\n\n  return (\n    <button\n      aria-label={isOn ? 'Turn off' : 'Turn on'}\n      aria-pressed={isOn}\n      className={onOfButtonClassName({ isOn, className })}\n      disabled={disabled}\n      onClick={handleClick}\n      type=\"button\"\n    >\n      <PowerSettingsNew className=\"block leading-none [--spark-icon-size:16px]\" />\n    </button>\n  )\n}\n"],"mappings":";;;;;AAWA,SAAgB,YAAY,EAC1B,UACA,MACA,SACA,aACmB;CACnB,MAAM,eAAe,UAAyC;EAC5D,MAAM,gBAAgB;EACtB,QAAQ;CACV;CAEA,MAAM,sBAAsB,IAC1B,qTACA,EACE,UAAU,EACR,MAAM;EACJ,MAAM;EACN,OAAO;CACT,EACF,EACF,CACF;CAEA,OACE,oBAAC,UAAD;EACE,cAAY,OAAO,aAAa;EAChC,gBAAc;EACd,WAAW,oBAAoB;GAAE;GAAM;EAAU,CAAC;EACxC;EACV,SAAS;EACT,MAAK;YAEL,oBAAC,kBAAD,EAAkB,WAAU,8CAA+C,CAAA;CACrE,CAAA;AAEZ"}