@epilot/spark-ui 0.19.0 → 0.20.0

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"}

package/dist/components/onboarding-layout.cjs

@@ -1,67 +0,0 @@
-"use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let react_jsx_runtime = require("react/jsx-runtime");
-let cnfast = require("cnfast");
-//#region src/components/onboarding-layout.tsx
-const OnboardingLayout = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, cnfast.cn)("flex flex-col gap-[calc(var(--spark-layout-gap)*6)]", className),
-		...rest
-	});
-};
-/**
-* Top section: typically wraps the title row, optional description, and a
-* progress bar.
-*/
-const OnboardingLayoutHeader = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, cnfast.cn)("flex flex-col gap-[calc(var(--spark-layout-gap)*3)] pt-4", className),
-		...rest
-	});
-};
-/** Text-only group inside the header (title row + description). */
-const OnboardingLayoutHeading = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, cnfast.cn)("flex flex-col gap-[calc(var(--spark-layout-gap)*1)]", className),
-		...rest
-	});
-};
-/** Row that holds the title on the left and (optionally) a step badge on the right. */
-const OnboardingLayoutTitleRow = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, cnfast.cn)("flex items-center justify-between", className),
-		...rest
-	});
-};
-const OnboardingLayoutTitle = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-		className: (0, cnfast.cn)("text-lg font-bold text-gray", className),
-		...rest
-	});
-};
-const OnboardingLayoutDescription = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: (0, cnfast.cn)("text-sm text-gray-light", className),
-		...rest
-	});
-};
-/**
-* Bottom action row. Use with `justify-between`-aware children — typically a
-* back action on the left and a cancel/primary action on the right.
-*/
-const OnboardingLayoutFooter = ({ className, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, cnfast.cn)("flex items-center justify-between", className),
-		...rest
-	});
-};
-//#endregion
-exports.OnboardingLayout = OnboardingLayout;
-exports.OnboardingLayoutDescription = OnboardingLayoutDescription;
-exports.OnboardingLayoutFooter = OnboardingLayoutFooter;
-exports.OnboardingLayoutHeader = OnboardingLayoutHeader;
-exports.OnboardingLayoutHeading = OnboardingLayoutHeading;
-exports.OnboardingLayoutTitle = OnboardingLayoutTitle;
-exports.OnboardingLayoutTitleRow = OnboardingLayoutTitleRow;
-
-//# sourceMappingURL=onboarding-layout.cjs.map

package/dist/components/onboarding-layout.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"onboarding-layout.cjs","names":[],"sources":["../../src/components/onboarding-layout.tsx"],"sourcesContent":["import { cn } from '../utils/cn'\n\nconst OnboardingLayout = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-[calc(var(--spark-layout-gap)*6)]',\n        className,\n      )}\n      {...rest}\n    />\n  )\n}\n\n/**\n * Top section: typically wraps the title row, optional description, and a\n * progress bar.\n */\nconst OnboardingLayoutHeader = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-[calc(var(--spark-layout-gap)*3)] pt-4',\n        className,\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** Text-only group inside the header (title row + description). */\nconst OnboardingLayoutHeading = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-[calc(var(--spark-layout-gap)*1)]',\n        className,\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** Row that holds the title on the left and (optionally) a step badge on the right. */\nconst OnboardingLayoutTitleRow = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn('flex items-center justify-between', className)}\n      {...rest}\n    />\n  )\n}\n\nconst OnboardingLayoutTitle = ({\n  className,\n  ...rest\n}: React.ComponentProps<'h2'>) => {\n  return (\n    <h2 className={cn('text-lg font-bold text-gray', className)} {...rest} />\n  )\n}\n\nconst OnboardingLayoutDescription = ({\n  className,\n  ...rest\n}: React.ComponentProps<'p'>) => {\n  return <p className={cn('text-sm text-gray-light', className)} {...rest} />\n}\n\n/**\n * Bottom action row. Use with `justify-between`-aware children — typically a\n * back action on the left and a cancel/primary action on the right.\n */\nconst OnboardingLayoutFooter = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      className={cn('flex items-center justify-between', className)}\n      {...rest}\n    />\n  )\n}\n\nexport {\n  OnboardingLayout,\n  OnboardingLayoutHeader,\n  OnboardingLayoutHeading,\n  OnboardingLayoutTitleRow,\n  OnboardingLayoutTitle,\n  OnboardingLayoutDescription,\n  OnboardingLayoutFooter,\n}\n"],"mappings":";;;;;AAEA,MAAM,oBAAoB,EACxB,WACA,GAAG,WAC8B;CACjC,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,YAAA,GAAA,OAAA,IACE,uDACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;;;;AAMA,MAAM,0BAA0B,EAC9B,WACA,GAAG,WAC8B;CACjC,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,YAAA,GAAA,OAAA,IACE,4DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,MAAM,2BAA2B,EAC/B,WACA,GAAG,WAC8B;CACjC,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,YAAA,GAAA,OAAA,IACE,uDACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,MAAM,4BAA4B,EAChC,WACA,GAAG,WAC8B;CACjC,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,YAAA,GAAA,OAAA,IAAc,qCAAqC,SAAS;EAC5D,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,yBAAyB,EAC7B,WACA,GAAG,WAC6B;CAChC,OACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EAAI,YAAA,GAAA,OAAA,IAAc,+BAA+B,SAAS;EAAG,GAAI;CAAO,CAAA;AAE5E;AAEA,MAAM,+BAA+B,EACnC,WACA,GAAG,WAC4B;CAC/B,OAAO,iBAAA,GAAA,kBAAA,KAAC,KAAD;EAAG,YAAA,GAAA,OAAA,IAAc,2BAA2B,SAAS;EAAG,GAAI;CAAO,CAAA;AAC5E;;;;;AAMA,MAAM,0BAA0B,EAC9B,WACA,GAAG,WAC8B;CACjC,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,YAAA,GAAA,OAAA,IAAc,qCAAqC,SAAS;EAC5D,GAAI;CACL,CAAA;AAEL"}

package/dist/components/onboarding-layout.d.cts

@@ -1,44 +0,0 @@
-"use client";
-
-//#region src/components/onboarding-layout.d.ts
-declare const OnboardingLayout: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-/**
- * Top section: typically wraps the title row, optional description, and a
- * progress bar.
- */
-declare const OnboardingLayoutHeader: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-/** Text-only group inside the header (title row + description). */
-declare const OnboardingLayoutHeading: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-/** Row that holds the title on the left and (optionally) a step badge on the right. */
-declare const OnboardingLayoutTitleRow: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const OnboardingLayoutTitle: ({
-  className,
-  ...rest
-}: React.ComponentProps<"h2">) => import("react/jsx-runtime").JSX.Element;
-declare const OnboardingLayoutDescription: ({
-  className,
-  ...rest
-}: React.ComponentProps<"p">) => import("react/jsx-runtime").JSX.Element;
-/**
- * Bottom action row. Use with `justify-between`-aware children — typically a
- * back action on the left and a cancel/primary action on the right.
- */
-declare const OnboardingLayoutFooter: ({
-  className,
-  ...rest
-}: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { OnboardingLayout, OnboardingLayoutDescription, OnboardingLayoutFooter, OnboardingLayoutHeader, OnboardingLayoutHeading, OnboardingLayoutTitle, OnboardingLayoutTitleRow };
-//# sourceMappingURL=onboarding-layout.d.cts.map