import { cn as e } from "../../../lib/utils.js";
import { t } from "../../../dist-Ber_p4PA.js";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
import { Check as i } from "lucide-react";
//#region lib/components/ui/atoms/step-indicator.tsx
var a = t("relative z-20 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full border", {
	variants: { status: {
		complete: "border-success bg-success text-success-foreground",
		active: "border-foreground bg-foreground text-background",
		incomplete: "border-muted bg-muted text-foreground"
	} },
	defaultVariants: { status: "incomplete" }
}), o = t("relative z-20 truncate text-sm leading-[19.6px]", {
	variants: { status: {
		complete: "text-muted-foreground line-through decoration-1 decoration-current",
		active: "font-semibold text-foreground",
		incomplete: "text-muted-foreground/70"
	} },
	defaultVariants: { status: "incomplete" }
});
function s({ label: t, className: s, ...c }) {
	return /* @__PURE__ */ r("div", {
		className: e("flex items-center gap-4", s),
		"data-slot": "step-indicator",
		"data-status": "complete",
		...c,
		children: [/* @__PURE__ */ n("span", {
			className: e(a({ status: "complete" })),
			children: /* @__PURE__ */ n(i, { className: "h-3.5 w-3.5" })
		}), /* @__PURE__ */ r("span", {
			className: e(o({ status: "complete" })),
			children: [t, /* @__PURE__ */ n("span", {
				className: "sr-only",
				children: " — complete"
			})]
		})]
	});
}
function c({ stepNumber: t, label: i, className: s, ...c }) {
	return /* @__PURE__ */ r("div", {
		className: e("flex items-center gap-4", s),
		"data-slot": "step-indicator",
		"data-status": "active",
		...c,
		children: [
			/* @__PURE__ */ n("span", {
				"aria-hidden": "true",
				className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-0.5 bg-foreground"
			}),
			/* @__PURE__ */ n("span", {
				"aria-hidden": "true",
				className: "pointer-events-none absolute top-[-18px] left-1/2 z-0 h-5 w-[70%] -translate-x-1/2 rounded-full bg-primary opacity-100 blur-[18px] saturate-150"
			}),
			/* @__PURE__ */ n("span", {
				className: e(a({ status: "active" })),
				children: /* @__PURE__ */ n("span", {
					className: "text-sm",
					children: t
				})
			}),
			/* @__PURE__ */ r("span", {
				className: e(o({ status: "active" })),
				children: [i, /* @__PURE__ */ n("span", {
					className: "sr-only",
					children: " — active"
				})]
			})
		]
	});
}
function l({ stepNumber: t, label: i, className: s, ...c }) {
	return /* @__PURE__ */ r("div", {
		className: e("flex items-center gap-4", s),
		"data-slot": "step-indicator",
		"data-status": "incomplete",
		...c,
		children: [/* @__PURE__ */ n("span", {
			className: e(a({ status: "incomplete" })),
			children: /* @__PURE__ */ n("span", {
				className: "text-sm",
				children: t
			})
		}), /* @__PURE__ */ r("span", {
			className: e(o({ status: "incomplete" })),
			children: [i, /* @__PURE__ */ n("span", {
				className: "sr-only",
				children: " — incomplete"
			})]
		})]
	});
}
function u({ status: e, stepNumber: t, label: r, className: i, ...a }) {
	return e === "complete" ? /* @__PURE__ */ n(s, {
		className: i,
		label: r,
		...a
	}) : n(e === "active" ? c : l, {
		className: i,
		label: r,
		stepNumber: t,
		...a
	});
}
//#endregion
export { u as StepIndicator, a as stepIndicatorIconVariants, o as stepIndicatorLabelVariants };
