import { b as attr_class, f as stringify, a as attr, c as escape_html, g as derived } from './dev-BNpEUZI3.js';

//#region src/lib/components/shell/StatBlock.svelte
function StatBlock($$renderer, $$props) {
	/**
	* Trend direction of the delta chip.
	*/
	/**
	* Tone controls the accent bar + value colour.
	*/
	/**
	* Props for {@link StatBlock}.
	*/
	/** Uppercase label — 1-2 words. */
	/** Primary value. String-typed so callers can pre-format. */
	/** Optional unit suffix displayed next to the value. */
	/** Optional delta text (e.g. "+4", "-2%"). */
	/** Delta colour direction. Defaults to `flat` (neutral). */
	/** Semantic tone that tints the accent bar + value. */
	/** Extra hint line rendered below the value (dim). */
	/** Extra class names forwarded to the root. */
	let { label, value, unit, delta, trend = "flat", tone = "neutral", hint, class: extraClass = "" } = $$props;
	const trendGlyph = derived(() => trend === "up" ? "▲" : trend === "down" ? "▼" : "—");
	$$renderer.push(`<div${attr_class(`stat t-${stringify(tone)} ${stringify(extraClass)}`, "svelte-1jn2wf2")} role="group"${attr("aria-label", label)}><span class="stat-label svelte-1jn2wf2">${escape_html(label)}</span> <div class="stat-value-row svelte-1jn2wf2"><span class="stat-value svelte-1jn2wf2">${escape_html(value)}</span> `);
	if (unit) {
		$$renderer.push("<!--[0-->");
		$$renderer.push(`<span class="stat-unit svelte-1jn2wf2">${escape_html(unit)}</span>`);
	} else $$renderer.push("<!--[-1-->");
	$$renderer.push(`<!--]--> `);
	if (delta) {
		$$renderer.push("<!--[0-->");
		$$renderer.push(`<span${attr_class(`stat-delta trend-${stringify(trend)}`, "svelte-1jn2wf2")}><span class="stat-delta-glyph svelte-1jn2wf2" aria-hidden="true">${escape_html(trendGlyph())}</span> <span class="stat-delta-value">${escape_html(delta)}</span></span>`);
	} else $$renderer.push("<!--[-1-->");
	$$renderer.push(`<!--]--></div> `);
	if (hint) {
		$$renderer.push("<!--[0-->");
		$$renderer.push(`<span class="stat-hint svelte-1jn2wf2">${escape_html(hint)}</span>`);
	} else $$renderer.push("<!--[-1-->");
	$$renderer.push(`<!--]--></div>`);
}

export { StatBlock as S };
//# sourceMappingURL=StatBlock-DHJMmOCx.js.map
