import { cn as e } from "../../lib/utils.js";
import "react";
import { jsx as t } from "react/jsx-runtime";
import { CheckIcon as n } from "lucide-react";
import * as r from "@radix-ui/react-checkbox";
//#region src/components/ui/checkbox.tsx
function i({ className: i, ...a }) {
	return /* @__PURE__ */ t(r.Root, {
		"data-slot": "checkbox",
		className: e("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", i),
		...a,
		children: /* @__PURE__ */ t(r.Indicator, {
			"data-slot": "checkbox-indicator",
			className: "flex items-center justify-center text-current transition-none",
			children: /* @__PURE__ */ t(n, { className: "size-3.5" })
		})
	});
}
//#endregion
export { i as Checkbox };
