import Alpine from "alpinejs";
import { mountReactComponent } from "./src/Hooks/mountReactComponent";

declare global {
    interface Window {
        Alpine: typeof Alpine;
    }
}

window.Alpine = Alpine;

Alpine.start();

/**
 * Enregistrement des champs React du Customizer.
 * Chaque champ est un composant React pur, monté automatiquement
 * sur les conteneurs PHP correspondants via mountCustomizeField.
 */
import ColorContrast from "./src/CustomizeFields/ColorContrast/main";
import RemixIconSelect from "./src/CustomizeFields/RemixIconSelect/main";

mountReactComponent(".color-contrast-checker", ColorContrast);
mountReactComponent(".remix-icon-select", RemixIconSelect);